ホームページ > ウェブフロントエンド > htmlチュートリアル > IE_html/css_WEB-ITnose では textarea のフォーカスを取得できません

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

WBOY
リリース: 2016-06-24 11:50:49
オリジナル
1356 人が閲覧しました

<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 はそれをサポートしていません。これが最善の解決策です。
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート