jquery - anchor ( 标签)上的 event.target 错误/bug？

Question

html

<ul>
    <li><a href="#" >Link</a>
        <ul>
            <li><a href="#" >Link</a></li>
            <li><a href="#" >Link</a></li>
        </ul>
    </li>
</ul>​

jQuery

$(function(){
    $('ul').click(function(event){
        alert(event.target);
        return false;
    });
});

有人可以打我的头并告诉我为什么当我点击 anchor 时event.target给了我一个url ？我期待它给我 [object HTMLAElement]。就像单击 li 元素时的 [object HTMLLIElement] 一样。 sample fiddle .

<小时/>

我读过这篇文章link, jquery-anchor-click-this-e-target-returns-url ，但似乎没有回答我的问题。

Answer 1

一切都好!它只是任何链接的表示。您仍然可以使用 event.target.href 甚至 event.target.id 等等。

Some elements, such as HTMLAnchorElement, have special toString functions that prevent you from finding their class name easily. If you type javascript:alert(document.links[0]) in the location bar, you will see the URL of the first link instead of its class name. The way to get around this problem is to use the default toString function on the object document.links[0], like so: javascript:alert(window.toString.apply(document.links[0])).

来自here .