IE_html/css_WEB-ITnose では textarea のフォーカスを取得できません-htmlチュートリアル-php.cn

IE_html/css_WEB-ITnose では textarea のフォーカスを取得できません

WBOY

リリース： 2016-06-24 11:50:49

オリジナル

1283 人が閲覧しました

<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>

ログイン後にコピー

専門家の皆様、ここで私が望む効果は、テキストエリアをクリックして直接入力した後にフォーカスを取得できることです。このコードは ff と chrome で使用できますが、ie では 2 回クリックする必要があります。解決しますか? 助けてください

ディスカッション (解決策) に返信します

入力が許可されている場合は、css を使用して readOnly スタイルをシミュレートし、フォーカスするときにこの CSS を削除します

入力が許可されている場合、 css を使用して readOnly スタイルをシミュレートし、フォーカス時にそれを削除します。

お兄さん、私が何を言っているのか理解できません

これは stackoverflow で見ました: 方法 1: select() を使用して処理します。この種のインタラクションは良くありません
方法 2 $(this).attr('contentEditable ', true) ですが、Google と Firefox はそれをサポートしていません。これが最善の解決策です。