有什么方法可以获取触发事件的元素的ID ?
我在想:
$（document）.ready（function（） { $（“a”）.click（function（） { VaR 测试 = caller.id; alert（test.val（））; }); }); <script type=“text/javascript” src=“starterkit/jquery.js”></script> <表单类=“项目” id=“aaa”> <输入类=“标题”></input> </form> <表单类=“项目” id=“bb”> <输入类=“标题”></input> </form>
当然，除了var测试应该包含id“aaa”(如果事件是从第一个表单触发)和“bbb”(如果事件是从第二个表单触发)。
当前回答
在事件属性中触发事件的元素
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>
它可能可以更简化，但你知道这个概念。
这适用于比上述答案中提到的事件参数更高的z-index:
$("#mydiv li").click(function(){
ClickedElement = this.id;
alert(ClickedElement);
});
通过这种方式，您将始终获得元素(在本例中为li)的id。此外，当单击父元素的子元素..
您可以使用(this)引用触发该函数的对象。
'this'是一个DOM元素，当你在回调函数中(在jQuery上下文中)，例如，被click, each, bind等方法调用。
你可以在这里了解更多:http://remysharp.com/2007/04/12/jquerys-this-demystified/
var buttons = document.getElementsByTagName('button');
var buttonsLength = buttons.length;
for (var i = 0; i < buttonsLength; i++){
buttons[i].addEventListener('click', clickResponse, false);
};
function clickResponse(){
// do something based on button selection here...
alert(this.id);
}
在这里工作JSFiddle。
在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");
});
});
