ie下焦点问题-临时记录

小咪咪 2022-02-26 13:24 224阅读 0赞

参考：[https://bbs.csdn.net/topics/392184820?page=1][https_bbs.csdn.net_topics_392184820_page_1]  
今天遇到的两个问题：主要是ie，以及火狐浏览器  
第一：**ie下输入框得到焦点，位置不正常问题，**  
        描述：在ie下对于可编辑框，通过事件触发获得焦点，通常情况想我没希望焦点在可编辑框的最右边。但是ie下第一次触发事件焦点（focus()事件）在最左边。  
        ![在这里插入图片描述][20190329213041325.png]

通常使用：jQuery(元素关键字).focus()；即可 光标会在最右边（文本末尾）

但是ie第一次会出现图上问题：解决方式：关键是**只能使用BOM对象** 原生即是

**通过设置选中的数据会在从而曲线设置光标位置  
      setSelectionRange（非ie） bom对象的方法  
      createTextRange（IE）** bom对象的方法  
   主要点：**核心参数是bom对象接口**

第二：**富文本框类内容合并问题** 
        描述：两个标签以及内容完全一致的情况下，自动合并内容 
如：`<a class="a_main">小白测试</a><a class="a_main">小白测试</a>` 这个在所有浏览器中展示都正常如下： 
        ![在这里插入图片描述][20190329212054723.png]                ![在这里插入图片描述][20190329212038784.png]

1. 这时在谷歌中会展示正常，同时也不会合并标签 
 ![在这里插入图片描述][20190329211759185.png]
2. 但是**ie下会合并标签**：`<a class="a_main">小白测试小白测试</a>` 会合并为这种模式 
 ![在这里插入图片描述][20190329212202531.png] 
 解决方式：添加属性，让每一个标签以及内容总体上不一致,如下就不会合并（我自己是加时间戳）

以上本次遇到的问题，问题虽然不大，但是都很影响业务。

--------------------

小白希望大家指导

[https_bbs.csdn.net_topics_392184820_page_1]: https://bbs.csdn.net/topics/392184820?page=1
[20190329213041325.png]: /images/20220226/905a69b8cbf34b468c359fb1cceb92d4.png
[20190329212054723.png]: https://img-blog.csdnimg.cn/20190329212054723.png
[20190329212038784.png]: /images/20220226/53d97c7b986444d888deaa6ecf67ccc6.png
[20190329211759185.png]: /images/20220226/35ce1e84839044209a56d8fda9c195a4.png
[20190329212202531.png]: /images/20220226/caa19ec8c7fd438c89299f9266aec1df.png