当前位置:首页 > 电脑知识 > 正文内容

燃爆了(jquery给元素添加点击事件)jquery怎么触发点击事件,jquery实现点击某元素外触发事件的方法,jquery实现点击某元素外触发事件的方法,

sauo3年前 (2022-09-17)电脑知识87

写了一个jq指定元素排除某个事件触发的效果,正好用上了上一篇博文中所说的 closest 方法,那么下面就来详细的说一下。

jq实现点击某元素外触发事件的方法

排除某元素触发事件,无非是整个文档中,点击指定的元素不会触发事件,而点击指定元素外的范围则会触发事件。

示例:

1、先上效果图

2、示例代码

Markup
<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>复制

本文链接:http://blog.sauo.top/?id=299 感谢分享!

分享到:

扫描二维码推送至手机访问。

版权声明:本文由冬眠先生个人博客发布,如需转载请注明出处。

本文链接:http://blog.sauo.top/?id=299

分享给朋友:

“燃爆了(jquery给元素添加点击事件)jquery怎么触发点击事件,jquery实现点击某元素外触发事件的方法,jquery实现点击某元素外触发事件的方法,” 的相关文章

万万没想到(Ubuntu安装ssh服务)ubuntu配置ssh服务器,ubuntu安装ssh服务器的方法,ubuntu安装ssh服务器的方法,

万万没想到(Ubuntu安装ssh服务)ubuntu配置ssh服务器,ubuntu安装ssh服务器的方法,ubuntu安装ssh服务器的方法,

免费领取腾讯云服务器! 安装了一个ubuntu系统,想着在内网中用ssh进行远程连接管理。下面这篇博文就说说如果在ubuntu系统中安装ssh远程管理服务。 ubuntu 安装ssh服务器的方法 1、安装 openssh-s...

新鲜出炉(ubuntu系统与centos系统区别)ubuntu还是centos,centos系统与ubuntu系统的区分,centos系统与ubuntu系统的区分,

免费领取腾讯云服务器! Linux的发行版有很多,而我们经常使用的为centos与ubuntu,下面这篇博文就说说这两个系统的发源与区别。 CentOS CentOS(Community Enterprise Operati...

这都可以(PHP百度百科)pHp是什么,php中关于strtotime函数31日取前几个月日期的BUG,php中关于strtotime函数31日取前几个月日期的BUG,

免费领取腾讯云服务器! 在使用php脚本中的 strtotime 函数取前几个月的日期时,发现每到31日时,取出的前几个月的日期都会出现错误。仔细检查了一下,发现在利用 strtotime 函数取前几个月的日期时,给 strtotime 函数的参数并不规范...

这都可以(php保存网络图片到本地)php下载图片到本地,php保存图片到本地的方法,php保存图片到本地的方法,

免费领取腾讯云服务器! 下面列几种网上收集的利用php脚本将远程图片保存至本地的方法,各位自行测试代码是否可用,另外php保存远程图片到本地并不能确保百分百的一定会拉取到远程图片的数据。 php保存远程图片到本地的方法 方法...

这都可以?(常用正则表达式大全)常用正则表达式大全图片,常用正则表达式大全,常用正则表达式大全,

免费领取腾讯云服务器! 网上收集了一些常用的正则表达式,基本上都全,需要的可以拿去了。 关于号码的正则表达式 QQ号正则表达式 BASIC /^[1-9][0-9]{...

难以置信(php错误日志在哪里)PHP 日志,php设置错误日志的方法,php设置错误日志的方法,

难以置信(php错误日志在哪里)PHP 日志,php设置错误日志的方法,php设置错误日志的方法,

免费领取腾讯云服务器! php设置错误日志需要在php配置文件php.ini中设置,只需要简单的几步设置就可以实现,下面就来详细的说一下。 php设置错误日志的方法 1、打开php的配置文件,php.ini...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。