javascript - 处理 JQuery 事件目标时出现问题

Question

我正在尝试为我的按钮创建一个通用处理程序， 但以下代码似乎无法识别事件目标， 而是吐出 target.toString() == 当前页面 URL？

html:

<a id="button1" href="#"></a>
<a id="button2" href="#"></a>

jquery/javascript:

function myHandler(e) {

   if (e.target == $("#button1")) 
      alert("Button 1 clicked");
   else if (e.target == $("#button2")) 
      alert("Button 2 clicked");
   else
      alert(e.target.toString());
}

$("#button1").click(myHandler);
$("#button2").click(myHandler);

Answer 1

function myHandler(e) {

   if (e.target.id == "button1")
      alert("Button 1 clicked");
   else if (e.target.id == "button2")
      alert("Button 2 clicked");
   else
      alert(e.target.toString());
}

$("#button1").click(myHandler);
$("#button2").click(myHandler);

您的代码无法工作，因为您正在将目标事件与 jQuery 对象进行比较

实例:http://jsfiddle.net/fcalderan/7b53z/