jq中的animate（）方法所实现的动画在绑定事件的同时会产生各种类型的BUG，在事件选择的时候我会尽可能的使用mouseenter和mouseleave来避免 mouseover和mouseout所产生的事件冒泡。如果单独使用个animate的话，在快速移入移出的时候，会重复触发事件，而产生队列 ...
分类：
Web程序 时间：
2019-09-09 15:11:25
阅读次数：
164
在使用js的过程中,往往会发现关于IE浏览器的兼容问题,当然微软现在自己也打算抛弃IE,推出了edge浏览器,对于前端来说是个好消息. 但IE的用户占比仍然不容小觑,因此这里整理下常见的几个兼容问题附上解决方案,以免不时之需. 1.非行内样式的获取 IE浏览器:element.currentstyl ...
分类：
Web程序 时间：
2019-09-08 20:16:56
阅读次数：
140
一、源码地址 https://github.com/imxiaoer/WeChatMiniSelect 二、效果图 录屏图片质量较差，所以大家会看到残影（捂脸） 三、组件源码 1. select.wxml 说明：用 catchtap 而不用 bindtap 是为了阻止事件冒泡，为了实现点击页面其他地 ...
分类：
微信 时间：
2019-09-08 09:37:53
阅读次数：
182
事件流是什么？ 捕获——确定目标——冒泡 的过程； 捕获：事件从顶层元素一级一级向下传递，默认情况捕获阶段不会触发事件； 确定目标：找到层级最深的元素，确定目标元素，出发事件； 冒泡：从目标元素一级一级向上传递，直到window，传递的同时会依次触发当前元素的事件（默认从冒泡阶段开始触发） 事件委托 ...
分类：
编程语言 时间：
2019-09-07 15:59:40
阅读次数：
82
1,事件委托原理：给父节点添加侦听器，利用事件冒泡影响每一个字节点 点击任意一个li，都能弹出警示框,：给ul 绑定事件，点击任意一个li 时，li不注册事件，而是向上冒泡委托给ul 响应事件，那么ul 下面的每一个li 都会执行事件处理程序 2, 这是事件冒泡的好处 ...
分类：
其他好文 时间：
2019-09-07 13:02:51
阅读次数：
99
获取非行内样式的兼容方式 获取事件对象的兼容方式 事件冒泡的兼容方法 阻止浏览器默认行为的兼容方法 监听事件的设置和移除的兼容方式 事件委托的兼容方法 键盘事件的兼容方法 以上是本人在学习js过程中遇见的几个兼容方式的汇总，如果哪里有错误希望大家指出，谢谢。 ...
分类：
Web程序 时间：
2019-09-07 12:39:35
阅读次数：
110
原生防止冒泡：ev.stopPropagation()； IE则是使用e.cancelBubble = true 原生捕获：ev.preventDefault(); IE则是使用e.returnValue = false; ...
分类：
其他好文 时间：
2019-09-06 23:18:06
阅读次数：
164
1.获取非行内样式的兼容问题： 2.获取事件对象的兼容问题： 3.事件冒泡的兼容： 4.keyCode的兼容问题： 5.处理默认事件的兼容问题： 6.事件的绑定兼容问题： ...
分类：
Web程序 时间：
2019-09-01 21:52:42
阅读次数：
99
当一个元素上的事件被触发的时候，比如说鼠标点击了一个按钮，同样的事件将会在那个元素的所有祖先元素中被触发。 这 一过程被称为事件冒泡；这个事件从原始元素开始一直冒泡到DOM树的最上层 js冒泡和捕获是事件的两种行为，使用event.stopPropagation()起到阻止捕获和冒泡阶段中当前事件的 ...
分类：
Web程序 时间：
2019-08-31 19:08:35
阅读次数：
340
1.获取滚动距离 2.获取非行间样式 3.事件源 target=e.target||e.srcElement 4.事件中事件对象的获取 5.阻止事件冒泡 6.阻止默认事件 7.获取按下的键盘码 8.监听式绑定（DOM2级事件绑定） 9.通过事件句柄找到原来的事件处理函数，删除 ...
分类：
Web程序 时间：
2019-08-31 15:30:17
阅读次数：
120
