DOM的一些常用事件

在设置DOM中我们经常会涉及到一个词叫做兼容性,所谓兼容性就是看浏览器是否支持当前对象的属性或方法,如果多个浏览器都支持,那就是兼容,如果有浏览器不支持那就是不兼容。所以在程序中,我们一般要做能力检测,即检测他兼容性怎么样。

在DOM中有一些常用的事件:

一些基本常用的事件列举了一些例子,通过例子能快速理解什么意思。

onclick和ondblclick分别是鼠标单击和鼠标双击:

onfocus和onblur分别表示的获得焦点和失去焦点:

onmouseover和onmouseout是鼠标悬停和鼠标移除的意思:

以上的都是基本的常用的,以后忘了的话,翻出来一看例子差不多就能看懂。

在程序中我们可以给标签自定义属性,有时候标签中不一定有我们需要的属性。有两种方式自定义属性。

第一:可以直接给标签加属性。

第二:可以通过JS来加属性。

时间: 2024-10-15 10:53:48

DOM的一些常用事件的相关文章

C#-WebForm-JS知识:基础部分、BOM部分、DOM部分、JS事件

---恢复内容开始--- 一.基础部分: 1.JavaScript 是什么? 是一门脚本语言,是属于弱类型(语言语法很随意),C#是强类型(语言语法非常严格)(李献策lxc) 优点:JS 执行速度快 2.JS 与java有什么关系? 没有任何关系 3.JS 能做什么事情? 能控制浏览器 BOM 控制元素 DOM JS不能做什么? 不能操作文件(读取.创建.删除) 不能直接访问数据库 扩展:node.js - 一个开发平台,通过这个平台可以开发常规的web服务端,是一块非常轻量级的运行环境 JQu

jquery常用事件(整理)

Jquery事件 (一).事件列表. 1.blur() 当失去焦点时触发.包括鼠标点击离开和TAB键离开. 2.change() 当元素获取焦点后,值改变失去焦点事触发. 3.click() 当鼠标单击时触发. 4.dblclick()  当鼠标双击时触发. 5.error() 当javascript出错或img的src属性无效时触发. 6.focus()   当元素获取焦点时触发.注意:某些对象不支持. 7.focusin()   当元素或其子元素获取焦点时触发,与focus()区别在于能够检

js-DOM-页面元素的兼容性、常用事件、节点

页面元素的兼容性: 所谓的兼容性指的就是当前浏览器是否支持当前对象的属性或是方法,如果支持就是兼容,如果不支持就是不兼容. 举个例子: /** * 设置页面标签之间的文本内容的兼容性写法 * @param obj * @param value */ function setInnerText(obj,value){ if(obj.innerText){ obj.innerText = value; }else { obj.textContent = value; } } var txt ={ /

JavaScript之DOM-9 HTML DOM(HTML DOM概述、常用HTML DOM对象、HTML表单)

一.HTML DOM 概述 HTML DOM 概述 - HTML DOM 定义了用于 HTML 的一系列标准对象,以及访问和处理 HTML 文档的标准方法 - HTML 标签对象化 - 将网页中的每个元素都看作是一个对象 常用 HTML DOM 对象 标准 DOM 与 HTML DOM - HTML 标签对象化 - createElement - appendChild - setAttribute - removeAttribute - nodeName - ... - HTML DOM 提供

ExtJS学习--------Ext.Element中的常用事件和其他重要的方法学习(实例)

常用事件: 其他重要方法: 具体实例:(实例结果可以将对应的代码取消注释进行测试) Ext.onReady(function(){ Ext.create('Ext.panel.Panel',{ title:'我的面板' , width:'100%' , height:400 , renderTo:Ext.getBody(), html:'<div id=d1><span id=sp>我是sp的内容</span><div id=d2>我是d2的内容</d

js 函数 常用事件 document事件 window对象

js入口函数 window.onload=function(){ } 函数 定义 有一定功能代码体的集合.函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块. 基本格式  function functionname(){执行代码 } 分类 基础函数 <script type="text/javascript"> function aa(){ alert("这是我的第一个函数"); } aa(); </script> 参数函数: fan

jQuery常用事件,each循环,引用当前时间

1.常用事件 click(function(){...}) #点击时触发hover(function(){...}) #鼠标移到时就触发blur(function(){...}) #失去焦点时触发focus(function(){...}) #获得焦点时触发change(function(){...})#值发生发化就触发keyup(function(){...}) off() 方法移除用 .on()绑定的事件处理程序.input(function(){...})实时监听input输入值变化 1.

JS学习之DOM节点的关系属性封装、克隆节点、Dom中Style常用的一些属性等小结

JS DOM节点: 在JS DOM中节点的关系被定义为节点的属性: 通常有以下几种节点之间的关系: (这里的关系是所有浏览器都支持的) parentNode    父节点 childNodes    子节点 firstChild    父节点里的第一个子节点 lastChild     父节点里的最后一个子节点 nextSibling    与子节点并列的下一个兄弟节点 previousSibling   与子节点并列的上一个兄弟节点 火狐与谷歌支持而ie8不支持的节点关系有: previous

DOM操作一些常用的属性总结

1.DOM:文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法.DOM 将HTML文档呈现为带有元素.属性和文本的树结构(节点树). 2.DOM的一些常用的属性 2.1 通过ID获取元素 (1)语法: document.getElementById("id"); (2)作用:id就向一个人的身份证,我们可以通过寻找标签的id来寻找标签,然后进行相应的操作. (3)注意:不要忘记写document! 2.2 innerHTML属性 (1)