腾讯云

文章/答案/技术大牛

发布

社区首页 >问答首页 >如何找出哪个DOM元素具有焦点？

问如何找出哪个DOM元素具有焦点？

提问于 2017-12-04 03:35:45

回答 2关注 0查看 302

想找出，在Javascript中，哪些元素目前有重点。一直在浏览DOM，但还没有找到我所需要的。有没有办法做到这一点，以及如何？

javascript

回答 2

Tabor

精选回答

发布于 2017-12-04 06:14:39

使用document.activeElement，它在所有主流浏览器都支持。

如果你正在试图找出哪个表单重点，那是不可能完成的。为了模拟旧版浏览器中的检测，请在所有字段中添加“焦点”事件处理程序，并将最后聚焦的字段记录在变量中。添加一个“模糊”处理程序清除最后聚焦的字段模糊事件的变量。

垃圾佬康哥

发布于 2017-12-04 06:15:46

如果你可以使用jQuery，它现在支持：focus，只要确保你使用的是1.6+。

这个声明会让你获得当前的焦点元素。

$(":focus")

和开发者交流更多问题细节吧，去写回答

JavaScript 技术篇 - js 查看哪个元素获取了焦点，js 指定元素获取焦点方法

document focus 变量

查看焦点元素通过 document.activeElement 可以获取哪个元素获取到了焦点。如图所示，我的光标在这个查询框里。

小蓝枣

2020/09/24

16.7K0

JavaScript 技术篇 - js 查看哪个元素获取了焦点，js 指定元素获取焦点方法

dom啦17 焦点事件

dom

<!DOCTYPE html> <html> <head> <title></title> </head> <body> <input type="text" name="" id=""> <script type="text/javascript"> let oInput = document.querySelector("input"); // 1.监听input获取焦点 oInput.onfocus=function() { console.log("获取到了焦点"); } // 2

贵哥的编程之路

2020/10/28

1.3K0

如何更优地去创建DOM元素

android 渲染

对面上面那种问题，可能就会想到通过innterHTML方式去创建DOM元素这里先举个栗子:

IMWeb前端团队

2019/12/03

2.2K1

DOM元素定位

c++

在HTML中有许多如图片等的DOM元素，在网页下拉移动中，DOM元素的位置定位通常通过 position 属性来完成

摸鱼的G

2023/02/22

1K0

HTML DOM - 元素

html jquery node.js sql

如需向 HTML DOM 添加新元素，您首先必须创建该元素，然后把它追加到已有的元素上。

陈不成i

2021/07/21

2.3K0

jQuery操作DOM元素

编程算法 jquery html

作为一个后端程序员，也是要和前端页面打交道的。最常见的场景莫过DOM元素操作和前端页面使用AJAX向服务器发送请求。实现上述两个功能当然可以使用原生js来完成，但在实际开发过程中很少这样做，通常会使用一些别人封装好的js库来辅助我们的工作，jQuery就是这些辅助库中的一员。

雪飞鸿

2018/09/05

2.7K0

angular获取dom元素

element view

方式一: ViewChild <div #box></div> @ViewChild('box') box: ElementRef; constructor(){ // 不能放在构造函数里面这个时候构造函数中还没有视图没法获取到box元素 } ngOnInit() { console.log(this.box.nativeElement); } 方式二: ElementRef <div class="box"></div> constructor(private el:ElementRef){

用户1437675

2019/05/15

4.3K0

新手如何在 ES6 如何操作HTML DOM元素？

html dom 对象浏览器数组

DOM代表文档对象**模型。HTML 页面在浏览器中呈现。浏览器将从网络服务器下载的页面中包含的所有元素组装到其内存中。一旦完成，浏览器就会在浏览器窗口中显示这些对象，一旦完成，浏览器就无法再识别单个 HTML 元素。支持 JavaScript 的浏览器能够在 HTML 页面在浏览器中呈现之后识别该页面中的各个对象，因为支持 JavaScript 的浏览器可以识别并使用 DOM。因此，允许随意控制对象的功能。

用户1418987

2023/10/21

3640

DOM概述选取文档元素

html

有些html标签会有name元素，区别于id，name属性的值不必是唯一的，多个元素可能存在相同的名字。

mySoul

2018/08/06

1K0

JavaScript HTML DOM 元素 (节点)

html sql jquery

要创建新的 HTML 元素 (节点)需要先创建一个元素，然后在已存在的元素中添加它。

陈不成i

2021/07/20

2.3K0

DOM 元素的循环遍历

http https java 网络安全编程算法

get 方式获取的 dom 元素，仅可使用==for-in、for-of、for==循环

Krry

2020/06/10

6.6K0

jquery 操作DOM元素(1)

jquery html

.clone() 　　创建一个匹配的元素集合的深度拷贝。　　.clone([withDataAndEvents]) 　　　　withDataAndEvents (默认为false) 　　　　　　一个Boolean 表示是否会复制元素上的时间处理函数。　　.clone([withDataAndEvents][,deepwithDataAndEvents]) 　　　　withDataAndEvents (默认为false)

用户1197315

2018/01/19

1.4K0

jquery操作DOM 元素(3)

jquery

.detach() 　　从DOM 中去掉所匹配的元素。　　　　.detach([selector]) 　　　　　　selector 一个选择表达式将需要移除的从匹配的元素中过滤出来。　　　　$("p").detach(); .empty() 　　从DOM中移除集合中匹配元素的所有子节点。　　　　.empty() 这个方法不接受任何参数。　　结构：　　　　<div class="container">

用户1197315

2018/01/19

1.1K0

jquery操作DOM 元素(2)

jquery html

.after() 　　在匹配的元素集合中的每个元素后面插入参数指定的内容，作为其兄弟节点。　　.after(content[,content]) 　　　　content HTML字符串 DOM 元素元素数组对象，用来插入到集合中每个匹配元素的后面。　　　　content HTML字符串 DOM 元素元素数组对象，用来插入到集合中每个匹配元素的后面。　　.after(function) 　　　　function 返回一个 H

用户1197315

2018/01/19

1.2K0

SQL 找出分组中具有极值的行

join mysql null rank row

你可能也遇到过这种需求：找出每个部门入职最早的员工的信息；获取每个科目最高分的学生信息；获取用户最近一次的完整登录信息。

白日梦想家

2020/07/20

1.8K0

JQuery如何获取ID含有特殊字符的DOM元素

jquery

为业务需要，DOM元素的ID被命名为“c-order.range”，执行JQuery的DOM查询时，提示如下错误

黄啊码

2021/09/26

10.9K0

JavaScript DOM元素尺寸和位置

javascript

三大点： 1.获取元素CSS大小 2.获取元素实际大小 3.获取元素周边大小一．获取元素CSS大小 1.通过style内联获取元素的大小 var box = document.getElementById('box');//获取元素 box.style.width;//200px、空 box.style.height;//200px、空 PS：style获取只能获取到行内style属性的CSS样式中的宽和高，如果有获取；如果没有则返回空。 2.通过计算获取元素的大小 var style = windo

汤高

2018/01/11

2.8K0

vue 获取 DOM 元素的方法

编程算法 vue.js

因为每个 vue 的组件实例上，都包含一个 refs 对象，里面存储着对应的 DOM 元素或组件的引用。所以在默认情况下，组件的 refs 指向一个空对象。

蓓蕾心晴

2023/02/17

5.4K0

dom 元素自定义指令

vue.js

如果感觉 vue 提供的功能不足够，需要获取 dom 元素进行底层操作，就可以自定义指令

xyzzz

2021/07/13

8720

vue获取dom元素注意问题

vue.js

mounted(){ setTimeout(()=>{ this.contentToggle(); },1000) }, methods:{ contentToggle(){ console.log(this.$refs.bodyFont.offsetHeight); } } vue想要获取dom元素的高，一般情况下我们都可以想到写在mounted函数里，即dom加载完再获取，但是结果并不如我们所想

蓓蕾心晴

2018/04/12

1.7K0

相似问题

当“模糊”事件发生时，我如何才能发现哪个元素焦点被转移到*？

2221

如何检查jQuery元素是否在DOM中？

2212

Puppeteer 中操作，找不到dom元素？

23.4K

如何在JavaScript中删除DOM节点的所有子元素？

22.3K

如何使用内置的DOM方法或原型从HTML字符串中创建一个新的DOM元素？

2372

问如何找出哪个DOM元素具有焦点？

回答 2

Tabor

垃圾佬康哥

当“模糊”事件发生时，我如何才能发现哪个元素焦点被转移到*？

如何检查jQuery元素是否在DOM中？

Puppeteer 中操作，找不到dom元素？

如何在JavaScript中删除DOM节点的所有子元素？

如何使用内置的DOM方法或原型从HTML字符串中创建一个新的DOM元素？

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐