React可编辑DIV获取焦点的两种方式
发布时间:2020-12-15 06:33:42 所属栏目:百科 来源:网络整理
导读:React官方介绍可编辑Div的资料比较少,方式二在所有的资料中都没找到,是通过特殊的方法实现的。 dangerouslySetInnerHTML 是React专用的属性 div id = "context" contentEditable = {true} dangerouslySetInnerHTML = {{__ html : this.state.inputValueHtm
dangerouslySetInnerHTML 是React专用的属性 <div id="context" contentEditable={true} dangerouslySetInnerHTML={{__html: this.state.inputValueHtml}}></div>
获取焦点方式1document.querySelector('#context').focus();
PS:以上方法只会在句首获取焦点 获取焦点方式2let srcObj = document.querySelector('#context');
let selection = window.getSelection();
let range = document.createRange();
range.selectNodeContents(srcObj);
selection.removeAllRanges();
selection.addRange(range);
range.setStart(srcObj,1);
range.setEnd(srcObj,1);
以上方式会在最后句尾获取焦点 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
相关内容
- ms-office – Open XML SDK的初学者示例代码?
- ruby-on-rails – rails发布说明或更改日志
- 正则表达式 – 在一个语句中用于多个替换的sed中的正则表达
- ruby-on-rails – 如何将数据库结构从db导出到迁移文件?
- 正则表达式30分钟入门教程
- 安装postgreSQL出现configure:error:readline library not
- Swift的学习(闭包2续)
- 使用BlazeDS实现java与flex传对象时,RemoteClass中包含自己
- Solr III——schema.xml的配置
- oracle cols 查询表字段类型及长度 function