通过单击div来附加事件

时间:2011-04-14 19:11:57

标签: jquery

喜 我有这个HTML代码:

<div id="#div"><a href="">Test</a></div>

我希望在点击div时在#div上附加点击事件而不是点击标记


已编辑: 请查看此页面:http://jsfiddle.net/upVex/2/

我只想点击#div

的空格时更改bg颜色

3 个答案:

答案 0 :(得分:3)

我花了一点时间弄清楚它为什么不起作用,但你可以很容易地做到这一点:http://jsfiddle.net/4FPYf/12/

代码:

$(document).ready(function() {
  $('#div').click(function(e) {
    if ($(e.target).get(0) == $(this).get(0)) {
      alert('You clicked me');
    } else {
      alert('You clicked my child');
    }
  });
});

答案 1 :(得分:1)

您需要为#div附加一个点击处理程序 还为锚元素附加了一个单击处理程序,但是停止将文本传播到父文件。

试试这个:

$(function(){
    $("#div a").click(function(){
        e.stopPropagation();
    });

    $("#div").click(function(){
        //Your Code
    });
});

答案 2 :(得分:0)

你不是这个意思吗?

$('#div').click(function() {
 // Do stuff
});

或类似的东西?

$('#div').bind('click', function() {
// Do stuff

});

甚至是这样的事情?

$('#div>a').click(function() {
// Do Stuff
});

如果你想在点击锚点时做点什么我会建议最后一个...但是要使href =“#”