JavaScript事件 以及和jQuery中事件使用对比

1、即时反应的input和propertychange方法  ：https://www.cnblogs.com/LHYwin/p/6136256.html

2、js自定义一个事件    ：   http://www.jb51.net/article/83911.htm

　　　　自定义事件需要用到函数Event 、CustomEvent 和 dispatchEvent。内置的事件会由浏览器根据某些操作进行触发，自定义的事件就需要人工触发（dispatchEvent ）。

3、元素事件传递 问题：

　　1、事件冒泡和事件捕获（标准文档流中）；

　　2、固定和绝对定位元素z-index比标准文档流的大，会遮挡下面元素的事件触发（CSS属性：pointer-events:none;可以让事件传递下去。）；

　　　　体会：pointer-events:none;这个属性相当于告诉浏览器，所有的事件都把我忽略了吧，对于事件而言我是不存在的，即不阻挡也不反应。

　　3、相对定位的z-inde属性失效，所以不存在遮挡下面元素；

　　4、定位元素的子元素，如果再定位的话，不能阻止事件传递到这个父定位元素中（这个方法就没法实现点击模态框空白部分，隐藏模态框的效果）。

　　5、在js中给一个元素DOM绑定事件，可以阻止事件冒泡，从而阻止事件传递。

　　6、在CSS中有一个  pointer-events: none;属性，可以让当前标签完全没有事件，里面子标签的事件也被禁掉了。（这个感觉在阻止事件传递上不实用，

　　　  既然给这个标签绑定了事件，又让它不能被触发  比较矛盾，我们只是不想让子元素的事件，传递到父元素中。）

 

---

 

JavaScript事件

1、事件流

2、DOM0级事件处理程序（类似jQuery事件的快捷）

3、DOM2级事件处理程序（类似jQuery事件的on方式）

4、IE事件处理程序    （  attachEvent() 和 detachEvent()  ）

5、事件对象

 参考：https://www.cnblogs.com/chun6/p/6063522.html

jQuery事件

1、快捷方式

2、on方式

3、JQuery的事件对象属性与方法

 参考：https://blog.csdn.net/thevictory/article/details/54772951

 

 

转载于:https://www.cnblogs.com/wfblog/p/9041442.html