[解決済み] DIV要素とその中のすべてを無効にする方法 [重複]。
2022-04-21 05:11:12
質問
Javascriptを使ってDIVとその内容をすべて無効にする必要があります。 私は、単純な
<div disabled="true">
は以前は動作していたのですが、なぜか動作しなくなりました。 なぜなのかわかりません。
IE10では、テキスト "Click Me" はグレーアウトしておらず、クリックハンドラもまだ動作しています。
実は、IE10でこれを動作させる必要があるのです。 以下は私のコードです。
<html>
<script>
function disableTest(){
document.getElementById("test").disabled = true;
var nodes = document.getElementById("test").getElementsByTagName('*');
for(var i = 0; i < nodes.length; i++){
nodes[i].disabled = true;
}
}
</script>
<body onload="disableTest();">
<div id="test">
<div onclick="alert('hello');">
Click Me
</div>
</div>
</body>
</html>
解決方法は?
これを試してみてください
$("#test *").attr("disabled", "disabled").off('click');
上ではjqueryを使っていないようですが、タグとして記載されていますね。
関連
-
JSアレイループと効率解析の比較
-
Vueでルートネスティングを実装する例
-
[解決済み】ある要素を別の要素に移動させるには?
-
nodejs unhandledPromiseRejectionWarning メッセージ
-
[解決済み] textareaのresizableプロパティを無効にするにはどうしたらよいですか?
-
[解決済み] 要素外でのクリックを検出するにはどうすればよいですか?
-
JSクリックイベント - Uncaught TypeError: プロパティ 'onclick' に null を設定できません。
-
[解決済み] jQueryで要素が非表示になっているかどうかを確認するには?
-
[解決済み] 要素を水平方向にセンタリングする方法
-
[解決済み] Webフォームのフィールド/入力タグでブラウザのオートコンプリートを無効にするにはどうすればよいですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
vueネットワークリクエストソリューション ネイティブネットワークリクエストとjsネットワークリクエストライブラリ
-
vue for 登録ページ効果 vue for sms 認証コードログイン
-
vueの補間表現とv-textディレクティブの違いについて
-
VUEグローバルフィルターの概念と留意点、基本的な使い方
-
[解決済み】gulp anythingを実行するたびに、アサーションエラーが発生します。- タスク関数を指定する必要があります
-
[解決済み】 env: node: macにそのようなファイルやディレクトリはありません
-
[解決済み】ReactJSでエラー発生 Uncaught TypeError: Super expression は null か関数でなければならず、undefined ではありません。
-
[解決済み】「.addEventListener is not a function」なぜこのエラーが発生するのか?
-
JavaScriptのStringに関する共通メソッド
-
[解決済み】すべてのdivコンテンツを無効にする方法