Heim > Artikel > Web-Frontend > ie下获取不到textarea的焦点_html/css_WEB-ITnose
ie下获取不到textarea的焦点_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:50:491312Durchsuche
<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)这样来处理，但是谷歌和火狐不支持，单独处理一下即可，这应该是最好的解决办法了吧
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：很多浏览器是不是不支持表格的bordercolorlight和bordercolordark属性丫?_html/css_WEB-ITnoseNächster Artikel：很漂亮的用户登录界面HTML模板_html/css_WEB-ITnose