目录前言 1. 常见的适配方案 2. CSS3 缩放方案 3. 封装一个缩放指令 4. 后记前言 随着前端技术的不断发展、数据中心(中台)之类的概念的不断升级、物联网设备的更新和普及,越来越多的业主(
顺晟科技
2022-09-16 13:12:25
124
写了一个jq指定元素排除某个事件触发的效果,正好用上了上一篇博文中所说的 closest 方法,那么下面就来详细的说一下。
jq实现点击某元素外触发事件的方法排除某元素触发事件,无非是整个文档中,点击指定的元素不会触发事件,而点击指定元素外的范围则会触发事件。
示例:
1、先上效果图
2、示例代码
<style> #mochu{ width: 300px; height: 120px; background-color: #f5f5f5; padding: 10px; margin: auto; } </style> <div id="mochu"> <p>点击我不会触发弹窗,而点击我之处的区域会触发弹窗的!</p> <span>顺晟科技博客 feiniaomy.com</span> </div> <script> $('body').on('click',function (e) { var obj = $(e.target); if(obj.closest("#mochu").length < 1){ alert('我是触发的弹窗!'); } }); </script>
30
2022-09
16
2022-09
16
2022-09
03
2022-09
03
2022-09
03
2022-09