コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > IE_html/css_WEB-ITnose では textarea のフォーカスを取得できません

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

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

<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 はそれをサポートしていません。これが最善の解決策です。
関連ラベル：
ie下获取不到textarea的焦点
ソース：php.cn
前の記事：多くのブラウザはテーブルの bordercolorlight 属性と bordercolordark 属性をサポートしていませんか?_html/css_WEB-ITnose 次の記事：非常に美しいユーザー ログイン インターフェイス HTML template_html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
フォーカスが機能しないときに非表示を表示からブロックを表示に変更する 「searchbarinput」をクリックしたときに「searchbardropdown」を表示させようとしていますが、うまくいきません。何が起こっているのか知っている人はいますか...
から 2024-04-04 14:24:47
0
1
371
React で useRef フックを使用した後にフォーカスが移動しない これは、フォーカスしたい現在の要素への参照を取得するコードですが、フォーカスはその要素に移動しません。 useEffect(()=>{setTimeout(()=>{c...
から 2024-04-02 21:46:33
0
1
383
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート