星期二, 2019-07-30 03:18 — adminshiping1

鼠标点击区域之外之内产生的事件

2014年11月18日 23:13:10 sunhuwh 阅读数 3184

可以试试blur事件

<script type="text/javascript">
window.onload = function() {
document.onclick = function(e) {
var ele = e ? e.target : window.event.srcElement;
if(ele.id !== 'the_div') {
document.getElementById('the_div').style.display = 'none';
// 以下为测试代码，可删除
			alert('一秒后 div 恢复');
			setTimeout(function() {
document.getElementById('the_div').style.display = 'block';
			}, 1000);
// 结束测试代码
		}
	};
};
</script>
<div id="the_div" style="width: 100px; height: 100px; background: #f00;"></div>

来自 https://blog.csdn.net/sunhuwh/article/details/41246145

jQuery鼠标点击其他元素是什么事件？

我要单击一个元素的时候让它显示一个div，然后单击其他地方的时候再隐藏这个div，这是什么事件，还是去要判断一下是哪个元素？

可以试试blur事件

3个回答

匿名用户
2018-06-25

<!DOCTYPE html>  
<html>  
      <head>  
        <meta charset="UTF-8">  
        <script type="text/javascript" src="js/jquery.min.js"></script>  
        <title></title>  
        <script type="text/javascript">  
            $(document).bind('click', function(e) {  
                var e = e || window.event; //浏览器兼容性   
                var elem = e.target || e.srcElement;  
                while (elem) { //循环判断至跟节点，防止点击的是div子元素   
                    if (elem.id && elem.id == 'test') {  
                        return;  
                    }  
                    elem = elem.parentNode;  
                }  
                $('#test').css('display', 'none'); //点击的不是div或其子元素   
            });  
        </script>  
    </head>  
      <body>  
        <div id="test" style="width: 300px; height: 300px; background-color: #CBC7BC;">  
            div测试内容，点击其它地方会隐藏此div模块。  
        </div>  
    </body>  
  </html>

普通分类:

jquery

You are here

jquery 鼠标点击元素外面发生的事件有大用

鼠标点击区域之外之内产生的事件

jQuery鼠标点击其他元素是什么事件？

友情链接

搜索表单

用户登录

You are here

jquery 鼠标点击元素外面发生的事件 有大用

鼠标点击区域之外之内产生的事件

jQuery鼠标点击其他元素是什么事件？

友情链接

jquery 鼠标点击元素外面发生的事件有大用