jquery点击元素之外触发事件

1 $("#errorMsg_layer").bind("click",function(e){
2             if($(e.target).closest("#errorMsg_div").length == 0){
3                 foo();5             }
6         });//点击 #errorMsg_div 之外触发foo()方法。

时间： 2024-10-07 05:18:19

jquery点击元素之外触发事件的相关文章

jq实现点击某元素之外触发事件

1 $(document).bind("click",function(e){ 2 var target = $(e.target); 3 if(target.closest("#parentId").length == 0){//点击id为parentId之外的地方触发 4 layer.close(tip_index); 5 type=0; 6 } 7 })

jquery 点击弹窗之外的地方,关闭弹窗方法一: $(document).click(function(event){ var _con = $(".select3_box"); if(!_con.is(event.target) && (_con.has(event.target).length ===0)){ _con.remove(); $(mythis).show(); } }); 方法二: $(document).click(function(event)

父元素onmouseover触发事件在父子元素间移动不停触发的问题

今天写了一个侧边栏动态展开收缩的效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style> body{ font-size: 20px;font-weight: bold;color: white;line-height: 30px;text-align: center} .container{height: 347px

点击a标签触发事件而不跳转页面

有时候需要让a标签像button一样,被点击的时候触发事件而不跳转页面. <html> <body> <a id="a1" href="#none" onclick="a_click(this.id)">Click a1</a> <a id="a2" href="javascript:void(0);" onclick="a_click(thi

用事件冒泡实现在div内点击，不触发事件，当在div外点击时才触发事件

讲解 http://caibaojian.com/javascript-stoppropagation-preventdefault.html 使用案例在div内点击,不触发一个事件,当在div外点击时才触发事件. 这比按钮节流和缓冲都要好的多自己使用的是一个form控件中的输入不触发,当输入完点击其他地方时触发计算,将结果赋值给form中不可编辑的控件中. 具体代码: function div10_onClick(event) { //点击#Click时要阻止冒泡,否则.pop是不显示的

干掉微信小程序-避免多次点击，重复触发事件

干掉微信小程序-避免多次点击,重复触发事件问题描述开发小程序时,或者说是在做前端的时候,我们经常会遇到当用户点击某个按钮时,没有得到反馈的话,大部分用户都会接着点击,这就会造成前端接收到多次请求的响应. 这主要是因为后端api请求需要时间,导致用户以为没点击到或者是页面假死,在上次请求还没处理完,就再次点击按钮. 所以,接下来说说,在微信小程序中避免多次点击,重复触发事件的两种思路. 解决方法一: 使用 wx.showLoading 在请求执行之前显示一个加载框,请求完成后再关闭加载框. j

使用jQuery中trigger()方法自动触发事件

一.常用事件在页面加载完成时自动触发input的点击事件,在移动端可以实现自动弹出输入法,获得焦点 $("input").trigger("click").focus(); 还有一种简写方式: $("input").click(); 还有其它事件就不一一列出了. 二.自定义事件 $("#btn").on("myClick",function(){ alert("自定义事件"); }

jq点击元素之外关闭元素的共存问题

1.首先第一个想到的是阻止事件冒泡; 随便写的css; .select-wrap, .select-wrap1{ position: relative; width: 100px; border: 1px solid #000; } .select-wrap1{ margin-top: 100px; } .select-list{ display: none; position: absolute; border: 1px solid red; top: 100%; left: 0 } <div

jQuery实现按Enter键触发事件？

按Enter触发 $(function(){ document.onkeydown = function(e){ var ev = document.all ? window.event : e; if(ev.keyCode==13) {// 如(ev.ctrlKey && ev.keyCode==13)为ctrl+Center 触发 alert("huiche"); } } }); 按Enter触发 $(function () { document.onkeydown