ホームページ > 記事 > ウェブフロントエンド > IE_html/css_WEB-ITnose では textarea のフォーカスを取得できません
IE_html/css_WEB-ITnose では textarea のフォーカスを取得できません
- WBOYオリジナル
- 2016-06-24 11:50:491284ブラウズ
<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 はそれをサポートしていません。これが最善の解決策です。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。