事件(一)

一.事件绑定#

要想让JavaScript 对用户的操作作出响应,首先要对 DOM 元素绑定事件处理函数。所谓事件处理函数,就是处理用户操作的函数,不同的操作对应不同的名称。
在JavaScript中,有三种常用的绑定事件的方法:
· 在DOM元素中直接绑定;
· 在JavaScript代码中绑定;
· 绑定事件监听函数。

1.在DOM中直接绑定事件
我们可以在
DOM元素上绑定onclick、onmouseover、onmouseout、onmousedown、onmouseup、ondblclick、onkeydown、onkeypress、onkeyup等。好多不一一列出了。如果想知道更多事件类型请查看, DOM事件 。

 
 

2.在JavaScript代码中绑定事件
在JavaScript代码中(即 script 标签内)绑定事件可以使JavaScript代码与HTML标签分离,文档结构清晰,便于管理和开发。

 
 

IE标准
语法:
element.attachEvent(event, function)
event:(必需)事件类型。需加“on“,例如:onclick。
function:(必需)指定要事件触发时执行的函数。


 
 

事件监听的优点

1、可以绑定多个事件。

 
 

常规的事件绑定只执行最后绑定的事件。
2、可以解除相应的绑定


  

封装事件监听


    

你可能感兴趣的:(事件(一))