You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何从Inspect控制台获取特定数据?获取KeyboardEvent元素类名遇阻

解决KeyboardEvent获取srcElement类名的问题

首先,srcElement是IE遗留的非标准属性,标准DOM事件体系中推荐使用e.target来获取触发事件的实际元素(对应你日志里的srcElement指向的textarea)。

获取元素类名有两种常用方式:

  • 使用e.target.className:直接返回元素的类名字符串,比如你这里会得到"w-full h-full border-none focus:border-green-300 focus:ring focus:ring-green-200"
  • 使用e.target.classList:返回一个DOMTokenList对象,支持contains()、add()等类操作方法,也可以通过Array.from(e.target.classList)转换为数组遍历所有类名

示例代码:

document.addEventListener('keydown', function(e) {
  if (e.keyCode === 13) {
    // 获取类名字符串
    const classString = e.target.className;
    console.log('类名字符串:', classString);
    
    // 获取类名数组
    const classArray = Array.from(e.target.classList);
    console.log('类名数组:', classArray);
  }
});

注意:如果e.currentTarget为null,说明事件可能通过委托绑定在父元素上,或触发时currentTarget已不存在,但e.target始终指向实际触发事件的元素,也就是你需要的textarea。

内容的提问来源于stack exchange,提问作者RA.IBOY

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.11 10:41:55