js 非输入框元素获取焦点

方式一:tanindextabindex="负值" (通常是 tabindex=“-1”)，表示元素是可聚焦的，但是不能通过tab键盘导航来访问到该元素，用 JS 做页面小组件内部键盘导航的时候非常有用。tabindex="0"   表示元素是可聚焦的，并且可以通过键盘导航来聚焦到该元素，它的相对顺序是当前处于的DOM结构来决定的。tabindex="正值"，表示元素是可聚焦的，并且可以通过键盘导航来访问到该元素；它的相对顺序按照tabindex的数值递增而滞后获焦。如果多个元素拥有相同的tabindex，它们的相对顺序按照他们在当前DOM中的先后顺序决定。监听:当往普通元素上添加tabIndex后,即可通过tab键盘来触发焦点通过onfocus|onblur(不支持冒泡)、onfocusin|onfocusout(支持冒泡)进行监听方式二:contenteditable当往普通标签添加contenteditable="true"后,表示元素可编辑,从而能够触发焦点事件

js 非输入框元素获取焦点相关推荐

js使原元素获取焦点以及移除焦点的方法
一.获取焦点: document.getElementById('test').focus() 二.移除焦点: document.getElementById('test').blur();
JavaScript 技术篇 - js 查看哪个元素获取了焦点，js 指定元素获取焦点方法
查看焦点元素通过 document.activeElement 可以获取哪个元素获取到了焦点. 如图所示,我的光标在这个查询框里. 可以获取到该元素. 使指定元素获取焦点 focus() 方法可以使 ...
替换元素和非替换元素的学习
替换元素和非替换元素的学习 @(元素)[妙瞳] 引言元素是文档结构的基础,在CSS中,每个元素生成了一个包含了元素内容的框(box,也翻译为"盒子").但是不同的元素显示的方式会 ...
非替换元素和替换元素
什么是替换元素与非替换元素替换元素: 替换元素是浏览器根据其标签的元素与属性来判断显示具体的内容. 例如:<input /> 属性 type = "text",则显示 ...
可替换元素和非替换元素
可替换元素和非替换元素可替换元素replaced element也称作可置换元素,其展现效果不是由CSS来控制的,这些元素是一种外部对象,它们外观的渲染,是独立于CSS的.非置换元素non-repl ...
吴裕雄 Bootstrap 前端框架开发——Bootstrap 辅助类：在元素获取焦点时显示(如：键盘操作的用户)...
<!DOCTYPE html> <html><head><meta charset="utf-8"> <title>菜鸟 ...
node js 非阻塞io_Node Express JS：套接字IO模块示例
node js 非阻塞io Before reading post, please go through my previous posts: "Express JS WebApplicat ...
html js修改readonly,js控制html元素的readonly属性
html元素假设为只读,那么其readonly="readonly",我们现在想通过js来改变readonly属性为可以输入. 初始时,两个输入框都是只读.点击change按钮后, ...
JS常用正则表达式和JS控制输入框输入限制(数字、汉字、字符)
JS常用正则表达式和JS控制输入框输入限制(数字.汉字.字符) 验证数字:^[0-9]*$ 验证n位的数字:^\d{n}$ 验证至少n位数 ...

js 非输入框元素获取焦点

js 非输入框元素获取焦点相关推荐

最新文章

热门文章