Heim > Web-Frontend > HTML-Tutorial > ie下获取不到textarea的焦点_html/css_WEB-ITnose

ie下获取不到textarea的焦点_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 11:50:49
Original
1363 Leute haben es durchsucht

<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>
Nach dem Login kopieren


各位大牛  我这边想要的效果是单击textarea后就能够获取焦点 并且直接输入 ,这个代码在ff和chrome下面都可以 但 是在ie下面必须得点击两次
我该怎么解决 ··真心求助


回复讨论(解决方案)

允许输入的话就用css模拟readOnly样式,聚焦的时候去掉这个css

允许输入的话就用css模拟readOnly样式,聚焦的时候去掉这个css

兄弟你没明白我的意思

这个已经解决了 在stackoverflow上面看到的 :方法一 ie下面单独处理用 select() 这样交互一点不好
                                                                                方法二 $(this).attr('contentEditable',true)这样来处理,但是谷歌和火狐不支持,单独处理一下即可,这应该是最好的解决办法了吧
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage