Rumah >hujung hadapan web >html tutorial >ie下获取不到textarea的焦点_html/css_WEB-ITnose
ie下获取不到textarea的焦点_html/css_WEB-ITnose
- WBOYasal
- 2016-06-24 11:50:491335semak imbas
<html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <textarea name="" id="" cols="30" rows="10" readOnly=true></textarea> <script src="jquery-1.9.1.js"></script> <script type="text/javascript"> $(function(){ $('textarea').on('click',function(){ $(this).attr('readOnly',false); this.focus(); }) }); </script></body></html> 各位大牛 我这边想要的效果是单击textarea后就能够获取焦点 并且直接输入 ，这个代码在ff和chrome下面都可以 但 是在ie下面必须得点击两次
我该怎么解决 ··真心求助
回复讨论(解决方案)
允许输入的话就用css模拟readOnly样式，聚焦的时候去掉这个css
允许输入的话就用css模拟readOnly样式，聚焦的时候去掉这个css
兄弟你没明白我的意思这个已经解决了 在stackoverflow上面看到的 :方法一 ie下面单独处理用 select() 这样交互一点不好
方法二 $(this).attr('contentEditable',true)这样来处理，但是谷歌和火狐不支持，单独处理一下即可，这应该是最好的解决办法了吧
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：很多浏览器是不是不支持表格的bordercolorlight和bordercolordark属性丫?_html/css_WEB-ITnoseArtikel seterusnya：很漂亮的用户登录界面HTML模板_html/css_WEB-ITnose