1.如何绑定事件 事件是发生在 HTML 元素上的事情，可以被javascript侦测到。如：div标签，点击这个div时，会在标签上发生一个点击事件 在dom0的标准中js动态绑定事件需要-元素.on事件名 = function(){ };或者是function(){};元素.事件名 = fn; ...
分类：
Web程序 时间：
2020-06-05 10:20:20
阅读次数：
92
JS事件基础 event对象和事件冒泡 什么是event对象 用来获取时间的详细信息：鼠标位置，键盘按键 例子：获取鼠标的位置：clientX鼠标点击横坐标；clientY鼠标点击纵坐标 document的本质：document.childNodes[0].tagName ? ——获取页面第一个子节 ...
分类：
Web程序 时间：
2020-06-01 23:51:05
阅读次数：
83
#兼容性问题 e.stopPorpagation() （方法） 或者e.cancelbubble=ture（属性、 ie兼容性用） ...
分类：
其他好文 时间：
2020-06-01 20:54:30
阅读次数：
61
事件捕获、事件冒泡 addEventListener：向指定元素添加事件句柄。（第三个参数默认false冒泡阶段，true为捕获阶段） onclick：事件会在元素被点击时发生。（发生在冒泡阶段） 一次点击事件流程如下图 注意： 目标元素不区分捕获阶段和冒泡阶段，按注册顺序执行。 事件执行顺序 与视 ...
分类：
其他好文 时间：
2020-05-28 13:49:41
阅读次数：
60
可能是子元素没有撑开父元素 用better-scroll的话可能在元素还没有生成的时候，new BScroll(el) 没有找到目标节点 如果pc可以移动端不可以那就试试监听滚动内容区的touchmove事件并阻止事件冒泡 let popContent = this.$refs.bscroll; p ...
分类：
移动开发 时间：
2020-05-26 12:45:19
阅读次数：
301
昨日内容回顾 阻止后续事件发生 # 第一种(常用)return false# 第二种e.preventDefault()# 记form表单触发提交动作的按钮 事件冒泡 # 第一种(常用)return false# 第二种e.stopPropagation() 事件委托 # 针对标签无论是事先写好的还 ...
分类：
Web程序 时间：
2020-05-22 18:58:50
阅读次数：
67
事件的执行顺序 先看如下代码： 在问问题之前先补充一个知识点： 第三个参数 useCapture： 可选。布尔值，指定事件是否在捕获或冒泡阶段执行。可能值：true 事件句柄在捕获阶段执行；false 默认。事件句柄在冒泡阶段执行。 那么问题来了，点击Li，js的执行顺序是什么？ 结果如下图： 总结 ...
分类：
Web程序 时间：
2020-05-22 13:18:02
阅读次数：
51
阻止后续事件执行 阻止事件冒泡 事件委托 页面加载 动画效果 补充 ...
分类：
Web程序 时间：
2020-05-21 19:24:10
阅读次数：
58
<script type="text/javascript"> $(function () { $('#btnShow').click(function (event) { //取消事件冒泡 event.stopPropagation(); //设置弹出层的位置 var offset = $(eve ...
分类：
Web程序 时间：
2020-05-19 14:53:46
阅读次数：
89
问题描述： 工具栏的点击事件，会冒泡到行点击事件中，原打算阻止事件冒泡 ，结果失败，阻止不了，索性不用layui官网的工具栏tool和行row监听事件。 table： <table id="conManager" lay-filter="conManager" class="layui-table ...
分类：
其他好文 时间：
2020-05-19 14:28:10
阅读次数：
419
