有什么方法可以获取触发事件的元素的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”(如果事件是从第二个表单触发)。
当前回答
纯JS更简单
aaa.onclick = handler;
bbb.onclick = handler;
function handler() {
var test = this.id;
console.log(test)
}
aaa.onclick = 处理程序; bbb.onclick = 处理程序; 函数处理程序（） { VaR 测试 = this.id; 控制台.log（测试） } <表单类=“项目” id=“aaa”> <输入类=“标题”/> </form> <表单类=“项目” id=“bb”> <输入类=“标题”/> </form>
其他回答
这两项工作，
jQuery(this).attr("id");
and
alert(this.id);
以Angular 7为例。你可以得到原生元素和它的id或属性。
myClickHandler($event) {
this.selectedElement = <Element>$event.target;
console.log(this.selectedElement.id)
this.selectedElement.classList.remove('some-class');
}
html:
<div class="list-item" (click)="myClickHandler($event)">...</div>
已经有很多方法和示例可以做到这一点，但如果您需要更进一步，需要防止在表单上使用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>
它可能可以更简化，但你知道这个概念。
你可以试着用:
$('*').live('click', function() {
console.log(this.id);
return false;
});
对于所有事件，不限于jQuery可以使用
var target = event.target || event.srcElement;
var id = target.id
事件的地方。目标失败，则返回事件。IE的srcElement。 澄清一下，上面的代码不需要jQuery，但也可以使用jQuery。
