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 })

时间： 2024-08-30 13:36:27

jq实现点击某元素之外触发事件的相关文章

jquery点击元素之外触发事件

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

jquery点击复选框触发事件给input赋值

体验效果:http://keleyi.com/keleyi/phtml/jqtexiao/31.htm 代码如下: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jquery点击复选框触发事件给input赋值-柯乐义</title><base target="_blank" /> <sty

父元素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

react实现点击某个元素之外自动隐藏此元素

是在redux-saga和react-redux环境下步骤一: 给document绑定事件步骤二: 构建hide函数步骤三: 给元素内子元素点时不需要隐藏它的方法加上阻止事件冒泡事件, 这样就不会冒泡到顶层的document e.nativeEvent.stopImmediatePropagation(); 原文地址:https://www.cnblogs.com/rushAvenda/p/10162111.html

jq demo 点击选中元素左右移动

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <style> #ul1 , #ul2{ width:200px; height:200px; border:1px #000 solid; flo

JS点击子元素不触发父元素点击事件(js阻止冒泡)

<html> <title></title> <head> <meta charset="utf-8"> <style type="text/css"> .divone{width:100px;height:100px;background:black;position: relative;cursor: pointer} .divchild{position: absolute;margin:

点击指定元素区域之外的地方

点击一个元素之外的地方,需要呈现某特定效果的方法: $(document).click(function(e){ var _con = $('.selectinput'); // 设置目标区域 if(!_con.is(e.target) && _con.has(e.target).length === 0){ $(".datalist").hide();//点击的动作 }; });

CSS+元素，鼠标事件触发鼠标模形变成手状的形状

|| 版权声明:本文为博主原创笔记,未经博主允许不得转载. CSS+元素,鼠标事件触发鼠标模形变成手状的形状,以及其他样式. 方案一:使用CSS样式改变,鼠标移动到元素上显示手状. 1 cursor:pointer; 方案二:使用JS触发事件改变原样式:鼠标事件onmouseover(鼠标移动到元素上触发事件)触发时设置样式 1 // 使用在元素的标签上的事件 2 // 第一种方式 3 onmouseover="this.style.cursor='mouseHand'" 4 5 //

javascript和jquery 获取触发事件的元素

一个很简单的问题,却因为大意,经常忘了处理,导致程序运行出错. <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <ul> <li> <ul> <li>listone</li> <li>listtwo