communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > tutoriel HTML > ie下获取不到textarea的焦点_html/css_WEB-ITnose

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

WBOY
Libérer： 2016-06-24 11:50:49
original
1334 Les gens l'ont consulté

<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>
Copier après la connexion


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


回复讨论(解决方案)

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

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

兄弟你没明白我的意思

这个已经解决了 在stackoverflow上面看到的 :方法一 ie下面单独处理用 select() 这样交互一点不好
                                                                                方法二 $(this).attr('contentEditable',true)这样来处理，但是谷歌和火狐不支持，单独处理一下即可，这应该是最好的解决办法了吧
Étiquettes associées：
ie下获取不到textarea的焦点
source：php.cn
Article précédent：很多浏览器是不是不支持表格的bordercolorlight和bordercolordark属性丫?_html/css_WEB-ITnose Article suivant：很漂亮的用户登录界面HTML模板_html/css_WEB-ITnose
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Passer de Show Hidden à Show Block lorsque le focus ne fonctionne pas J'essaie de faire apparaître mon "searchbardropdown" lorsque vous cliquez sur &q...
Depuis 2024-04-04 14:24:47
0
1
371
Le focus ne bouge pas après avoir utilisé le hook useRef en réaction Voici mon code où j'obtiens une référence à l'élément actuel sur lequel je souhaite me con...
Depuis 2024-04-02 21:46:33
0
1
383
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal