点击某个标签以外位置执行

最新推荐文章于 2022-03-11 18:20:16 发布
最新推荐文章于 2022-03-11 18:20:16 发布
阅读量699 收藏
点赞数
文章标签： js jq 点击以外 click
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liujunxin11/article/details/50551149
版权

html：
<body>
<div class="first1">
<span>所有产品     <br />ALL PRODUCTS</span>
<span>2环球指数期货<br />2Global Index Futures</span>
<span>3环球指数期货<br />3Global Index</span>
<span>4环球指数期货<br />4Global Index Futures</span>
<span>5环球指数期货<br />5Global Futures</span>
<span>6环球指数期货<br />6Index Futures</span>
</div>
<div class="first2">
<span>所有产品     <br />ALL PRODUCTS</span>
<span>2环球指数期货<br />2Global Index Futures</span>
<span>3环球指数期货<br />3Global Index</span>
<span>4环球指数期货<br />4Global Index Futures</span>
<span>5环球指数期货<br />5Global Futures</span>
<span>6环球指数期货<br />6Index Futures</span>
</div>
<div class="first3">
<span>所有产品     <br />ALL PRODUCTS</span>
<span>2环球指数期货<br />2Global Index Futures</span>
<span>3环球指数期货<br />3Global Index</span>
<span>4环球指数期货<br />4Global Index Futures</span>
<span>5环球指数期货<br />5Global Futures</span>
<span>6环球指数期货<br />6Index Futures</span>
</div>
</body>

js：

$(document).ready(function () {

$(document).click(function (e) {
        e = window.event || e;
        obj = e.srcElement ? e.srcElement : e.target;
var s=$(obj).get(0);
var keydoc=1;
//循环取父标签，找到想找的标签或找到body，结束循环
while(!(s.tagName == "BODY")){
s=$(s).parent().get(0);
if(s.tagName == "DIV" && s.className == "first2"){
keydoc=0;
alert("div:first2");
break;
}
}
//如果没有找到固定标签，就执行
if(keydoc){
//写点击固定标签以外的地方，执行的代码
   alert("div:first2 以外的标签！");
}
    });
});
帅呈程序缘
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JS标签隐藏的代码，其实也没啥的啦。。
03-29
里面有很多的JS代码，都是关于隐藏标签的，。。
html中 点击除指定标签之外的都隐藏.job-win
欢迎来到：魏博宇的博客，有什么问题欢迎骚扰！
11-23 418
&lt;script type="text/javascript"&gt;  $(function(){  $(document).bind("click",function(e){  var target = $(e.target);  if(target.closest("#job").length == 0){  $(".job-win").hide();  }  })  })  &lt;/...
事件捕获，点击其他body的其他区域，对body特定区域进行操作且排除此区域点击触发
mrhaoxiaojun的博客
09-29 2165
$("body").on("click", function(e) {     e = e || window.event;     // if(! 点击触发动作的区域的父级元素 && 点击区域在显示的状态下}{     //      ==>即：点击其他body的其他区域 并且 在操作区域显示情况下 才进入判断     //      ==>该区域隐藏     // }     if
js点击某个DOM元素之外的方法
m0_51431448的博客
03-11 3207
<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.
js点击指定范围之外触发的方法
weixin_45606890的博客
05-13 4541
js点击指定范围之外触发的方法
robotframework命令行运行.pdf
02-27
五、运行除指定标签以外的测试用例 若要排除带有特定标签的测试用例，使用 `--exclude` 或 `-e` 参数： ``` robot -e <tag_name> <项目路径> ``` 六、指定文件输出目录 使用 `--outputdir` 或 `-d` 参数来更改输出...
jQuery弹出层页面分享插件.zip
07-05
6. **关闭分享层**：为了提供良好的用户体验，当用户完成分享或者点击弹出层以外的区域时，应能关闭分享层。这通常通过再次调用`.hide()`方法来实现。 在压缩包中的`说明.htm`文件，应该包含了详细的插件使用指南和...
cmd操作命令和linux命令大全收集
04-24
bin指用二进制方式传送（可执行文件进）；默认为ASCII格式传送（文本文件时） route print 显示出IP路由，将主要显示网络地址Network addres，子网掩码Netmask，网关地址Gateway addres，接口地址Interface arp ...
Excel VBA实用技巧大全 附书源码
10-08
01075执行菜单栏和工具栏的命令按钮 01076改变工作表单元格的快捷菜单 01077在工作表的任意位置快速显示快捷菜单 01078在单元格中输入公式 01079在单元格中输入数字 01080在单元格中输入文本 01081单元格区域引用 ...
JAVAEE英语单词
12-14
例如，将一个父类引用指向的子类对象强制转换为父类类型以外的其他类型。 3. NumberFormatException：当尝试将字符串转换为数值类型（如Integer、Double等），但该字符串无法转换时，会抛出这个异常。确保字符串...
jquery实现点击某元素之外触发事件
Icecream'code
10-30 1万+
更多博客：http://blog.ilibing.com/　　前端写脚本绑定某事件已经司空见惯了，突然有个需求需要点击某个元素之外触发一些动作呢？比如，写一个模拟的select下拉，一般都是点击下拉，弹出下拉选项，再点击下拉的某个选项，下拉收起。如果用户点击下拉，然后就不想点下拉选项了，这时用户点击这个下拉之外的任何东西，这个下拉都应该收起。　　jq如何实现这个功能呢？其实也不难，大概思路就是，在d
jquery 点击元素以外任意地方隐藏该元素的方法
风的专栏
04-03 9698
第一先实现点击任何地方都隐藏该元素(假设id="bar") $(document).click(function(){ $("#bar").hide(); }); 那么bar也属于document，点击bar也会让自己隐藏，显然这不是想要的，这时候要阻止冒泡事件，即document的事件对bar无效 $("#bar").click(function(event){ event.
jQuery实现点击除了特定div的页面其它地方，隐藏该div功能。
热门推荐
简单就是美
06-07 2万+
jQuery实现点击除了特定div的页面其它地方，隐藏该div功能。 在触发DOM上的某个事件的时候会产生一个事件对象event，这个对象包含着所有与事件有关的信息，包括产生事件的元素、事件类型等相关信息，思路一中div的click事件处理程序传入的参数就是这个event对象。访问IE中的event对象有几种不同的方式，取决于指定事件处理程序的方法。直接为DOM元素添加事件处理程序时，event对象作为window对象的一个属性存在。 event对象包含了一个重要属性：target(W3C)/srcElem
html点击除某个元素之外的元素的事件添加技巧
weixin_43900374的博客
02-23 2115
可以利用css中的z-index属性来完成，先在页面添加一个div，设置这个div的属性为：宽高都为100%，透明属性opacity为0，绝对定位为top：0，left：0，暂且称这个div为a，添加这个a的目的是想将它覆盖在整个页面之上，因为设置了opacity为0，所以是透明的，这是点击任何元素都不会触发它的绑定事件，因为被a给覆盖了，这时将排除之外的元素（也就是除了这个元素外点击其他元素会触...
jQuery点击自身以外地方关闭弹出层-closest()
幻梦
07-13 9710
百度，谷歌搜索时出现的提示框，点击输入框外部任意地方后，隐藏提示框。但是通过jquery怎么实现这个交互效果呢，closest()函数
点击一个按钮显示div，点击div之外的地方div隐藏，点击div之内的地方div不隐藏
信念堤岸
11-24 1万+
当点击按钮后显示隐藏层，满足鼠标在div里操作不隐藏，在外边点击会消失的功能。                                 逻辑上主要是阻止浏览器的冒泡                                             //点击#btnClick时要阻止冒泡，否则.pop是不显示的，         //因为冒泡了，会执行到下面
js获取当前触发元素的位置（绕过a标签）
BobbleHat的博客
02-11 529
需求的由来是这样的：我需要做一个点击的动画效果，涉及到获取当前元素的位置，但是下一层的a标签会干扰到实际的获取情况，所以我需要绕过下面的标签，只获取触发器，下面是图 js原生的 getBoundingClientRect()方法，可以获取到当前元素的相对浏览器位置 逻辑是获取到元素之后检查这个标签是否为a标签，是则寻找他的父元素（触发器），再用找到的父元素使用get....Rec...
HTML点击元素以外任意地方隐藏该元素
陈万洲的专栏
02-19 7999
HTML点击元素以外任意地方隐藏该元素原生javascript写法：var scheduleBox = document.querySelector('#schedule-box') document.addEventListener("click", function(e){ // 判断被点击的元素是不是scheduleInput元素，不是的话，就隐藏之 if( e.tar...
js模拟点击网页某个位置
最新发布
05-25
可以使用JavaScript中的`click()`方法模拟点击网页的某个位置。 例如，如果你想要模拟点击页面上的一个按钮，你可以先获取该按钮的元素，然后调用`click()`方法来模拟点击： ``` javascript // 获取按钮元素 var button = document.getElementById("myButton"); // 模拟点击按钮 button.click(); ``` 如果你想要模拟点击网页上的其他位置，你可以使用`document.elementFromPoint(x, y)`方法获取该位置上的元素，然后调用`click()`方法模拟点击： ``` javascript // 获取页面上指定位置的元素 var element = document.elementFromPoint(x, y); // 模拟点击该元素 element.click(); ``` 请注意，这种方式只能模拟用户的点击行为，并不能在后台执行实际的点击操作。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值