页面引入layui.css、 layui.js 1 <div id="pTable" style="width: 1200px;"> 2 <table class="layui-table" id="layui_table_id" lay-filter="test"> 3 </table> 4 <d ...
分类：
其他好文 时间：
2021-05-24 13:50:20
阅读次数：
0
原生js取消事件冒泡 try{ e.stopPropagation(); // 非IE浏览器 } catch(e){ window.event.cancelBubble = true; // IE浏览器 } 原生js阻止默认事件 if ( e && e.preventDefault ) { e.pr ...
分类：
其他好文 时间：
2021-04-08 13:55:27
阅读次数：
0
最近在做移动端的需求时，有一个长按的需求，总是会触发移动端浏览器自带的长按效果，而且文字也会被选中，所以需要修改为文字不能被选中，浏览器默认长按效果禁止掉。 *{ -webkit-touch-callout:none;/*系统默认菜单被禁用*/ -webkit-user-select:none;/* ...
分类：
移动开发 时间：
2021-02-09 12:33:15
阅读次数：
0
【v-on】1、事件修饰符@click.stop="" 阻止冒泡事件@click.prevent="" 阻止默认事件@click.self="" 只有自己点击时才会触发，不会被冒泡@click.once="" 点击事件将只会触发一次@click.capture="" 该添加事件使用事件捕获模式，外而 ...
分类：
其他好文 时间：
2020-11-17 12:36:09
阅读次数：
8
这里要提的是dom事件分为俩种响应一种是捕获，一种是冒泡，具体百度 . stop：阻止冒泡（通俗讲就是阻止事件向上级DOM元素传递） . prevent：阻止默认事件的发生 ，默认事件指对DOM的操作会引起自动执行的动作，比如点击超链接的时候会进行页面的跳转，使用".prevent"修饰符可以阻止这 ...
分类：
其他好文 时间：
2020-08-17 17:12:00
阅读次数：
63
1.取消冒泡事件 IE: e.cancelBubble=true; //取消 Chrome: e.stopPropagation(); //取消 2.阻止默认事件 IE: e.returnValue=false； //阻止 Chrome: e.preventDefault() //阻止 ...
分类：
Web程序 时间：
2020-07-26 02:03:53
阅读次数：
113
JS阻止默认事件发生 -是指在HTML当一个a标签同时存在href超链接和onclick事件函数，点击a标签默认优先执行事件函数，然后再执行href超链接 -如果不想要执行herf超链接则在onclick中加入return 后在事件函数中添加 return false <a href="http:/ ...
分类：
其他好文 时间：
2020-07-12 12:31:02
阅读次数：
75
流:就是流向,有方向的的意思,比如单向数据流. 事件流:就是事件的流向,当事件发生时，响应事件的顺序,是从里向外流，还是从外向里流. 其中自然响应事件的顺序也是从里向外的，事件冒泡流也是大部分浏览器采用的默认方式 JS事件流分为三个阶段 1，事件捕获阶段。 2，处于目标阶段。 3，事件冒泡阶段。 事 ...
分类：
Web程序 时间：
2020-06-30 00:27:07
阅读次数：
58
在实现项目中的一个评论功能时，即： 点击"评论一下"按钮时，弹出添加评论的富文本编辑器，同时"评论一下"的功能变成"取消评论",这时再点击这个取消评论，就会回到当初那样。可反复点击改变状态。 在实际的操作中发现并非如此，点击之后状态未改变，在控制台查看输出发现一次点击触发了两次事件。 js代码如下： ...
分类：
Web程序 时间：
2020-06-28 22:10:23
阅读次数：
149
事件的执行顺序 先看如下代码： 在问问题之前先补充一个知识点： 第三个参数 useCapture： 可选。布尔值，指定事件是否在捕获或冒泡阶段执行。可能值：true 事件句柄在捕获阶段执行；false 默认。事件句柄在冒泡阶段执行。 那么问题来了，点击Li，js的执行顺序是什么？ 结果如下图： 总结 ...
分类：
Web程序 时间：
2020-05-22 13:18:02
阅读次数：
51
