Add click handler to LI bullet

问题

I'd like to add a JQuery click handler specifically to the bullet on an LI. Currently, when I click on any of the elements WITHIN the LI, the LI click handler fires. Instead, it should only be the bullet and not any of the content.

回答1:

you'll need to make your own bullet then, possibly as a DIV with a background image.

回答2:

If you want to keep the native bullet you could do this:

HTML:

<li><span>Text here</span></li>

JS:

$('li').click(function(event) {
    if (event.target.tagName != 'LI') return;

    alert('clicked bullet');
});

来源：https://stackoverflow.com/questions/7081774/add-click-handler-to-li-bullet