1、div如何获取焦点？

一言不合上代码

<div id="div1" contenteditable="true"></div>

给div添加contenteditable属性就可以了，值为true。

2、如何检测div是否已经获取焦点？

使用document.activeElement方法，该方法返回当前获得焦点的元素，此时给元素一个id，再判断获得的元素的id是否一致。demo：

<div id="div1" contenteditable="true"></div><script>
let div1 = document.getElementById("div1").id;
let currentFocus = document.activeElement.id;
console.log(div1 === currentFocus);    // 获得焦点时返回true，否则false
</script>

div设置为可获取焦点并且判断是否已获取焦点的方法相关推荐

HTML给div设置百分比高度无效的解决方式 - 库塔姆斯 - CSDN博客
HTML给div设置百分比高度无效的解决方式 - 库塔姆斯 - CSDN博客原文: HTML给div设置百分比高度无效的解决方式 - 库塔姆斯 - CSDN博客版权声明:本文为博主原创文章,未经博 ...
html不能超出div的宽度,DIV设置width后超出父元素应该如何解决
这次给大家带来DIV设置width后超出父元素应该如何解决,解决DIV设置width后超出父元素的注意事项有哪些,下面就是实战案例,一起来看一下. 前言本文介绍的是利用CSS3的新属性box-siz ...
关于内层DIV设置margin-top不起作用的解决方案
关于内层DIV设置margin-top不起作用的解决方案参考文章: (1)关于内层DIV设置margin-top不起作用的解决方案 (2)https://www.cnblogs.com/huangy ...
div设置宽度，实现不等比缩放，或设置最小宽度 min-width
div设置宽度,实现不等比缩放,如 width="1140px",或设置最小宽度 min-width,如 width="60%", min-width=&quo ...
html中给div设置的属性怎么样才能拿得到_HTML与CSS结合的三种方式：优先级比较...
所谓实践出真知,只有自己动手去做了,才能得到正确的结论. 首先我们看看三种结合方式: 通过link标签引入外部css文件通过style标签通过style属性很长一段时间我受这个一段话影响:在ht ...
[css] 如何使用css3实现一个div设置多张背景图片？
[css] 如何使用css3实现一个div设置多张背景图片? background-image:url("1.jpg"),url("2.jpg"),url(&q ...
html中给div设置的属性怎么样才能拿得到_前端基础高频面试题(更新中)
页面渲染的全过程输入url后,先拿到html文件,html下载完以后会开始对它进行解析 html在解析的过程中,如果文本里有外部资源链接,比如css.js和img时,会立即启用其他线程下载这些静态资 ...
29.Jwt集成(3):token设置过期时间、异常判断
29.Jwt集成(3):token设置过期时间.异常判断参考文章: (1)29.Jwt集成(3):token设置过期时间.异常判断 (2)https://www.cnblogs.com/hualou ...
代码设置margintop_关于内层DIV设置margin-top不起作用的解决方案
就是外层 DIV 设置了高与宽, 内层 DIV 如果设置 maring-top 不起作用 ( FIREFOX 和 IE8 中测试),原因大致是内层 div 没有获得 layout .如下面的代码: . ...

div设置为可获取焦点并且判断是否已获取焦点的方法

1、div如何获取焦点？

2、如何检测div是否已经获取焦点？

div设置为可获取焦点并且判断是否已获取焦点的方法相关推荐

最新文章

热门文章