只要使用this引用

$(this).attr("id")

or

$(this).prop("id")

在jQuery事件中。Target总是指向触发事件的元素，其中event是传递给函数的参数。http://api.jquery.com/category/events/event-object/

$(document).ready(function() {
    $("a").click(function(event) {
        alert(event.target.id);
    });
});

还要注意的是，这也可以工作，但它不是一个jQuery对象，所以如果你想在它上使用jQuery函数，那么你必须引用它为$(this)，例如:

$(document).ready(function() {
    $("a").click(function(event) {
        // this.append wouldn't work
        $(this).append(" Clicked");
    });
});

在事件属性中触发事件的元素

event.currentTarget

我们得到DOM节点对象，在其上设置事件处理程序。

最嵌套的节点开始冒泡进程，我们有

event.target

事件对象总是事件处理程序的第一个属性，例如:

document.querySelector("someSelector").addEventListener(function(event){

 console.log(event.target);
 console.log(event.currentTarget);

});

更多关于事件委托的信息，请访问http://maciejsikora.com/standard-events-vs-event-delegation/

已经有很多方法和示例可以做到这一点，但如果您需要更进一步，需要防止在表单上使用enter键，但仍然需要在多行文本区域上使用它，那么就变得更加复杂了。下面的方法可以解决这个问题。

<script>
    $(document).ready(function() {
      $(window).keydown(function(event){
        if(event.keyCode == 13) {
           //There are 2 textarea forms that need the enter key to work.
            if((event.target.id=="CommentsForOnAir") || (event.target.id=="CommentsForOnline"))
            {
                // Prevent the form from triggering, but allowing multi-line to still work.
            }
            else
            {
                event.preventDefault();
                return false;
            }         
        }
      });
    });
</script>

<textarea class="form-control" rows="10" cols="50" id="CommentsForOnline" name="CommentsForOnline" type="text" size="60" maxlength="2000"></textarea>

它可能可以更简化，但你知道这个概念。

在委托事件处理程序的情况下，你可能会有这样的东西:

<ul>
    <li data-id="1">
        <span>Item 1</span>
    </li>
    <li data-id="2">
        <span>Item 2</span>
    </li>
    <li data-id="3">
        <span>Item 3</span>
    </li>
    <li data-id="4">
        <span>Item 4</span>
    </li>
    <li data-id="5">
        <span>Item 5</span>
    </li>
</ul>

和你的JS代码如下:

$(document).ready(function() {
    $('ul').on('click li', function(event) {
        var $target = $(event.target),
            itemId = $target.data('id');

        //do something with itemId
    });
});

您很可能会发现itemId是未定义的，因为LI的内容被包装在<span>中，这意味着<span>可能是事件目标。你可以用一张小支票来解决这个问题，像这样:

$(document).ready(function() {
    $('ul').on('click li', function(event) {
        var $target = $(event.target).is('li') ? $(event.target) : $(event.target).closest('li'),
            itemId = $target.data('id');

        //do something with itemId
    });
});

或者，如果你更喜欢最大化可读性(也避免不必要的jQuery包装调用重复):

$(document).ready(function() {
    $('ul').on('click li', function(event) {
        var $target = $(event.target),
            itemId;

        $target = $target.is('li') ? $target : $target.closest('li');
        itemId = $target.data('id');

        //do something with itemId
    });
});

在使用事件委托时，.is()方法对于验证您的事件目标(以及其他事情)是否确实是您所需要的是非常宝贵的。使用. nearest (selector)向上搜索DOM树，使用.find(selector)(通常与.first()结合使用，如在.find(selector).first()中)向下搜索。使用. nearest()时不需要使用.first()，因为它只返回第一个匹配的祖先元素，而.find()则返回所有匹配的后代元素。

$(".classobj").click(function(e){
    console.log(e.currentTarget.id);
})