jQuery监听事件

Question

   1 jQuery如何监听点击了空白处？

   2 还有如果点击了某元素，
     比如点击了<div id="hello">world<div>
     如何返回选择器 DIV#hello
     麻烦大家给个例子

Answer 1

document.addEventListener("click", function (event) {
    console.log(event.srcElement);
}, false);
给文档注册点击事件。event对象包含了事件状态。

Answer 2

第一个问题

$(window).click(function() {
//页面所有元素被单击之后执行的事件
});

$(window).click(function() {
    if(!$(event.target).is('#good'))
    {
        //排除掉#good元素 页面其他元素被单击之后执行的事件
    }
});

这是在stackoverflow找到的另一种方法 效果等同上一中方法 原文链接

$(window).click(function() {
//页面所有元素被单击之后执行的事件
});
//去除good元素的监视
$('#good').click(function(event){
    event.stopPropagation();
});

第二个问题 我是这么想的 但不一定是最好的解决方法，而且你的需求可能应该换种方式实现，因为一个元素有可能有很多种选择的方法

$(window).click(function(event) {
    var str=$(event.target).attr('id');
    if(str) alert('#'+str)
});

Answer 3

获取点击事件的源元素，可参考：http://jscssshare.com/#/sample/fY3GWg91