页面除某个dom元素之外click事件

最新推荐文章于 2024-03-20 17:33:06 发布
最新推荐文章于 2024-03-20 17:33:06 发布
阅读量2.8k 收藏
点赞数
分类专栏： jquery 文章标签： function
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tsailer/article/details/6304518
版权

新枯木逢春
关注
专栏目录
js点击某个DOM元素之外的方法
m0_51431448的博客
03-11 3379
<style> * { padding: 0; margin: 0; box-sizing: border-box; } .self-region { margin: 100px 0 0 100px; width: 100px; height: 100px; border: 1px solid red; box-sizing: border-box; text-align: center; line-h.
html点击除某个元素之外的元素的事件添加技巧
weixin_43900374的博客
02-23 2197
可以利用css中的z-index属性来完成，先在页面添加一个div，设置这个div的属性为：宽高都为100%，透明属性opacity为0，绝对定位为top：0，left：0，暂且称这个div为a，添加这个a的目的是想将它覆盖在整个页面之上，因为设置了opacity为0，所以是透明的，这是点击任何元素都不会触发它的绑定事件，因为被a给覆盖了，这时将排除之外的元素（也就是除了这个元素外点击其他元素会触...
jQuery实现点击除了特定div的页面其它地方，隐藏该div功能。
06-07
jQuery实现点击除了特定div的页面其它地方，隐藏该div功能。 在触发DOM上的某个事件的时候会产生一个事件对象event，这个对象包含着所有与事件有关的信息，包括产生事件的元素、事件类型等相关信息，思路一中div的click事件处理程序传入的参数就是这个event对象。访问IE中的event对象有几种不同的方式，取决于指定事件处理程序的方法。直接为DOM元素添加事件处理程序时，event对象作为window对象的一个属性存在。 event对象包含了一个重要属性：target(W3C)/srcElement(IE)，这个属性标识了触发事件的原始元素，思路二就是要利用这个属性。我们可以直接对document的click事件绑定事件处理程序，在事件处理程序中判读事件源是否为id==test的div元素或其子元素，如果是则方法return不做操作，如果不是则隐藏该div。 参考文档：http://blog.csdn.net/u014175572/article/details/51602502
vue指令-点击其他区域关闭dom
weixin_47813845的博客
03-20 317
【代码】vue指令-点击其他区域关闭dom。
原生js消除某个元素的click点击事件
weixin_43908083的博客
01-15 1万+
前言 最近遇到一个需求，如果对应的一个按钮被点击后，下一个按钮才能被点击做相应的js逻辑事件，否则不能。 例：这里有一个复选框 只有当checked为true时 button才能被点击，才能触发click点击事件 最开始用了各种办法组织事件点击，但最后发现都没什么好的效果。 所以重新考虑了一下需求： 当checked为false时logBtn.onclick=" ",这样移除点击事件一点毛病也...
vue实现点击某个dom元素之外的方法
qq_29236119的博客
03-22 3078
在项目开发中搜索按钮点击出现搜索框内容，这个时候点击搜索框以外的内容，搜索框隐藏掉，如下所示： 1、源码 2、实现点击其他区域搜索框内容隐藏，如下： document.addEventListener('click', (e) => { if (this.$refs.showPanel) { let isSelf = this.$refs.showPanel.contains(e.target) if (!isSelf) { this.searchbox =
dom 元素拖拽实现
yleave的博客
05-28 2725
文章目录原生 JS 实现 div 拖拽HTML 拖拽 APIREF   之前找实习的时候，面试官出了道 “原生 JS 实现 div 元素拖拽”，当时实现了个大概，不过很多细节都没写好，刚好最近又看到了相关文章，因此这里再好好整理一下 JS 中的元素拖拽实现。 原生 JS 实现 div 拖拽 实现效果：演示地址   要实现这样的元素拖拽效果，一般思路是这样的： 首先要被拖拽的 div 元素需要是定位元素，因为我们要使用 left 和 top 样式来不断更新 div 的位置 设置一个 flag ，当鼠标左键在
JQuery样式操作、click事件以及索引值-选项卡应用示例
10-17
在事件处理函数中，`this`关键字指向触发事件的原生DOM元素，而`$(this)`则指向被jQuery包装的元素。对于点击事件，可以编写一些业务逻辑，比如改变元素的样式、触发其他操作等。 3. 索引值与选项卡：在使用jQuery...
jQuery实现在HTML文档加载完毕后自动执行某个事件的方法
10-19
这很重要，因为如果在DOM未完全加载时尝试访问或修改DOM元素，可能会导致错误或者预期之外的行为。下面我们将详细探讨如何使用这个方法以及相关的实践技巧。 ```javascript $(document).ready(function() { // 在...
JavaScript（事件流、事件委托、实例化、dom节点）
weixin_47926886的博客
04-11 831
JavaScript（事件流、事件委托、实例化、dom节点）
jquery实现点击某元素之外触发事件
热门推荐
Icecream'code
10-30 1万+
更多博客：http://blog.ilibing.com/　　前端写脚本绑定某事件已经司空见惯了，突然有个需求需要点击某个元素之外触发一些动作呢？比如，写一个模拟的select下拉，一般都是点击下拉，弹出下拉选项，再点击下拉的某个选项，下拉收起。如果用户点击下拉，然后就不想点下拉选项了，这时用户点击这个下拉之外的任何东西，这个下拉都应该收起。　　jq如何实现这个功能呢？其实也不难，大概思路就是，在d
js 设置某元素以外区域点击事件
weixin_36728104的博客
11-15 1万+
情况还原：li元素的子元素input绑定blur后发现点击空白区域可以出发input的blur事件 但是点击li元素不会触发（原因我也不知道为啥 我是做后台的）于是采用以下方式在点击除该input以外的区域强制加上input的blur事件 代码如下：//控制点击input以外的区域会触发input的blur事件 $(document).mouseup(function (e) {
Vue 自定义指令实现点击DOM元素以外触发事件
哈哈hyc的博客
09-16 1827
1.directive.js import Vue from "vue"; // 提交验证 Vue.directive("clickOutside", { // 初始化指令 bind(el, binding, vnode) { function clickHandler(e) { // 这里判断点击的元素是否是本身，是本身，则返回 if (el.contains(e.target)) { return false; }
点击除元素以外的任意地方隐藏元素js
weixin_34051201的博客
05-17 569
比如想实现点击列表弹出筛选器，点击其他任意地方关闭筛选器，如图   该筛选器class名 1 $(document).click(function () { 2 $(".subMenu").hide(); 3 }); 4 $(".subMenu").on("click", function (event) { 5 //取消事件冒泡 6 var...
js实现点击除自身外的元素执行操作：如关闭自身弹框
story_in_sh的博客
07-09 3674
很多人在做前端开发的过程中都有遇到这种情形：点击弹出一个弹框，弹框自身有关闭按钮，但是会出现想点击页面其他任何元素时都要关闭当前这个弹框的需求。下面我分享一下我是如何实现的。 1.添加一个弹框和点击弹出弹框的按钮 <template> <button @click="showPop=true" ref="popBtn"></button> //点击按钮 <div ref="pop" v-if="showPop"></div> //弹框 <
jquery 如何点击除某个元素外其它地方
12-30 1871
$(function(){         $(document).click(function(){          alert('0');     });          $("#apDiv1").click(function(event){          alert('1');          event.stopPropagation();     });      })  ...
ruoyi获取上层页面中的某个dom元素
最新发布
09-21
在Vue.js中，如果想从子组件（如ruoyi组件）获取上层父组件的DOM元素，可以使用`this.$parent`属性，然后访问父组件的实例，进一步通过`.refs`对象获取对应的DOM元素。例如： ```javascript // 在ruoyi.vue子组件中...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值