详解DOM元素和事件

什么是事件？

事件是指会员的行动或元素的状态。由指定元素监听相关的事件，并且绑定事件处置函数。

什么是事件处置函数？

元素监听事件，并在事件发生时主动施行的操纵。

一、事件函数分类

1、鼠标事件

onclick //单击
ondblclick //双击
onmou搜索引擎优化ver //鼠标移入
onmou搜索引擎优化ut //鼠标移出
onmousemove //鼠标移动

2、文档或元素加载完毕：

onload //元素或文档加载完毕

3、表单控件状态监听：

onfocus //文本框猎取焦点
onblur //文本框失去焦点
oninput //实时监听输入
onchange //两次输入内容发生转变时触发,或元素状态改动时触发
onsubmit //form元素监听,点击提交按钮后触发,通过返回值操纵数据可否可以发送给效劳器

二、猎取元素节点

1、按照标签名猎取元素节点列表

var elems = document.getElementsByTagName("");
/*参数 : 标签名
返回值 : 节点列表,需要从节点列表中猎取详细的元素节点对象,增加响应下标。
*/

2、按照 class 属性值猎取元素节点列表

3、按照 id 属性值取元素节点

4、按照 name 属性值取元素列表

三、事件绑定方式

1、内联方式： 将事件名称作为标签属性绑定到元素上

例 :

<button onclick="alert()">点击</button>

2、动态绑定 ：猎取元素节点，动态增加事件

例 :

btn.onclick = function (){
};

引荐教程：js入门教程

以上就是详解DOM元素和事件的具体内容，更多请关注百分百源码网其它相关文章！