河南网站备案中心做网站价格是多少?
摘要:河南网站备案中心,做网站价格miniuinet,青岛做网站哪家公司好,免费主页空间申请keydown,keyup,keypress 事件默认是给页面上可以聚焦的元素绑定键盘事件&a
河南网站备案中心,做网站价格miniuinet,青岛做网站哪家公司好,免费主页空间申请keydown#xff0c;keyup#xff0c;keypress
事件默认是给页面上可以聚焦的元素绑定键盘事件#xff0c;例如input输入框#xff0c;点击输入框即代表聚焦在该元素上。那么想要给div或者其他不能聚焦的元素上使用键盘事件怎么处理呢#xff1f;这里用到tabindex属性。
…keydownkeyupkeypress
事件默认是给页面上可以聚焦的元素绑定键盘事件例如input输入框点击输入框即代表聚焦在该元素上。那么想要给div或者其他不能聚焦的元素上使用键盘事件怎么处理呢这里用到tabindex属性。
它接受一个整数作为值具有不同的结果具体取决于整数的值
tabindex负值 (通常是 tabindex“-1”)表示元素是可聚焦的但是不能通过键盘导航来访问到该元素用 JS 做页面小组件内部键盘导航的时候非常有用。tabindex“0” 表示元素是可聚焦的并且可以通过键盘导航来聚焦到该元素它的相对顺序是当前处于的 DOM 结构来决定的。tabindex正值表示元素是可聚焦的并且可以通过键盘导航来访问到该元素它的相对顺序按照 tabindex 的数值递增而滞后获焦。如果多个元素拥有相同的 tabindex它们的相对顺序按照他们在当前 DOM 中的先后顺序决定。
div classkey-even ideditor tabindex-1keyDown
/div添加上 tabindex 属性后此时div表示可以聚焦但是想要触发键盘事件还需要调用 dom 的 focus() 方法表示页面聚焦在该元素上这样就可以触发键盘事件了。
const dom document.getElementById(editor)
dom.addEventListener(click, this.domClick(dom))
dom.addEventListener(keydown, this.keyDown)domClick(dom) {dom.focus()
},
keyDown(e) {console.log(e.keyCode)
}绑定事件的方式可以改变主要是讲述 tabindex 属性的用法及作用。
