1、JS事件绑定、事件监听、事件委托

        在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)事件委托

猜你喜欢

转载自www.cnblogs.com/ITCSJ/p/10442618.html