[jQuery]点击某元素之外触发事件

思路

　　1. 获取点击元素

　　2. 判断元素是否含有Class || 判断父级是否含有Class

　　　　不含有则执行事件

代码

$(document).bind('click', function(event) {var evt = event.srcElement ? event.srcElement : event.target;    evt = $(evt);if( evt.hasClass("content") || evt.parents(".content").length != 0  )  return; else{console.log("点击content之外")};
});

转载于:https://www.cnblogs.com/SoYang/p/11185342.html

[jQuery]点击某元素之外触发事件相关推荐

jquery实现点击某元素之外触发事件
jq如何实现这个功能呢?其实也不难,大概思路就是,在document上面绑定一个事件,当用户触发document的事件时,判断一下目标元素是什么,然后再执行相应的操作就行了. <script&g ...
jquery点击元素之外触发事件
$("#errorMsg_layer").bind("click",function(e){ if($(e.target).closest("#err ...
js点击指定范围之外触发的方法
js点击指定范围之外触发的方法 1.原生js 需求:鼠标点击一个按钮会弹出一个弹框,当点击页面除弹框以外的其他地方时,关闭弹框. //监听页面点击事件 $(document).bind("c ...
父元素onmouseover触发事件在父子元素间移动不停触发的问题
今天写了一个侧边栏动态展开收缩的效果 <!DOCTYPE html> <html lang="en"> <head><meta chars ...
html中绑定hover事件,jQuery中多个元素的Hover事件解决方案
1.需求简介 jQuery的hover事件只是针对单个HTML元素,例如: $('#login').hover(fun2, fun2); 当鼠标进入#login元素时调用fun1函数,离开时则调用fu ...
android点击手机返回键触发事件
用户在点击手机的返回按钮时,默认是推出当前的activty, 击返回键,触发onKeyDown事件: @Override public boolean onKeyDown(int keyCode, K ...
jQuery动态生成的元素如何绑定事件
这段时间在写代码的时候遇到一个问题,通过append()添加的节点,点击事件不起作用.当时我百思不得其解,各种找错都没找到错误的原因.后来才发现是动态生成节点的问题,还是自己没有经验啊. 下面来 ...
vue点击元素自身之外触发事件指令
1注册指令 Vue.directive('clickoutside', {bind(el, binding) {function handler(e) {if (el.contains(e.targe ...
echarts 点击地图画布空白处触发事件
点击画布可以通过params.target是否为undefined判断是否点击到了空白处 let obj = document.getElementById('ElementID'); if (!o ...

[jQuery]点击某元素之外触发事件

[jQuery]点击某元素之外触发事件相关推荐

最新文章

热门文章