如何从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
相关产品推荐
相关产品推荐

