![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js事件
文章平均质量分 51
GofAnderson
这个作者很懒,什么都没留下…
展开
-
js事件绑定
1.ele.onxxx = function (event) {} 2.ele.addEventListener(type, fn, false); 3.ele.attachEvent(‘on’ + type, fn); 小练习 1.ele.onxxx = function (event) {} 兼容性很好,但是一个元素只能绑定一个处理程序 var div = document...原创 2018-04-03 14:30:01 · 228 阅读 · 0 评论 -
js事件处理程序的运行环境(改变attachEvent内部的this指向&封装兼容性的 addEvent方法)
改变attachEvent内部的this指向 封装兼容性的 addEvent(elem, type, handle);方法 <div style="width:100px; height:100px; background-color:red"></div> <script> var div = document.getElemen...原创 2018-04-03 15:13:48 · 900 阅读 · 0 评论 -
js解除事件处理程序
ele.onclick = false/‘’/null; ele.removeEventListener(type, fn, false); ele.detachEvent(‘on’ + type, fn); ele.onclick = false/‘’/null; <div style="width:100px; height:100px; background-...原创 2018-04-03 15:43:10 · 357 阅读 · 0 评论 -
js事件处理模型——事件冒泡、捕获
事件冒泡: 事件捕获: 其他形式的捕获 取消冒泡 封装取消冒泡的函数 stopBubble(event) 阻止默认事件: 封装阻止默认事件的函数 cancelHandler(event); 事件冒泡: 结构上(非视觉上)嵌套关系的元素,会存在事件冒泡的功能,即同一事件,自子元素冒泡向父元素。(自底向上) <div class="wrapper">...原创 2018-04-03 17:02:47 · 336 阅读 · 0 评论 -
js事件对象&事件委托
事件对象 事件源对象 兼容写法 事件委托 事件委托 事件对象 var div = document.getElementsByTagName('div')[0]; div.onclick = function (e) { // chrome的事件对象用 e 就可以 var event = e || window.event; //但是IE上没有 e ;IE 的事...原创 2018-04-04 15:27:10 · 286 阅读 · 0 评论 -
js拖拽功能
<div style="width: 100px; height:100px; background-color:red; position: absolute; left:0; top:0;"></div> <script> var div = document.getElementsByTagName('div')[0]; var disX...原创 2018-04-04 16:05:07 · 234 阅读 · 0 评论 -
js事件分类
鼠标事件 移动端 键盘事件 文本类操作事件 窗体操作类(window上的事件) fixed定位,兼容IE6 鼠标事件 click、mousedown、mousemove、mouseup、contextmenu、mouseover、mouseout、 mouseenter mouseleave click = mousedown + mouseup 触发顺...原创 2018-04-04 20:29:03 · 219 阅读 · 0 评论