在JavaScript的学习中,我们经常会遇到JavaScript的事件机制,例如,事件绑定、事件监听、事件委托(事件代理)等。这些名词是什么意思呢,有什么作用呢?
(1)事件绑定
要想让 JavaScript 对用户的操作作出响应,首先要对 DOM 元素绑定事件处理函数。所谓事件处理函数,就是处理用户操作的函数,不同的操作对应不同的名称。
在JavaScript中,有三种常用的绑定事件的方法:
在DOM元素中直接绑定;
在JavaScript代码中绑定;
绑定事件监听函数。
A.在DOM中直接绑定事件
我们可以在DOM元素上绑定onclick、onmouseover、onmouseout、onmousedown、onmouseup、ondblclick、onkeydown、onkeypress、onkeyup等。如果想知道更多事件类型请查看, DOM事件
1 <input type="button" value="click me" onclick="hello()"> 2 3 <script> 4 function hello(){ 5 alert("hello world!"); 6 } 7 </script>
(2)事件监听
(3)事件委托