2017-11-13 11 views
-1

を無効にしてください私は、例えばクリック機能が分裂

を用いた除算を無効にする: 私は私のウェブサイト上で検索ボックスを持っています。検索ボックスをクリックした後、すべてのもの私のウェブサイトでpointer-eventsプロパティは、HTML要素がマウス/タッチイベントに応答するかを制御することができます検索ボックスの提案を除く無効

おかげ

+0

のためのdivにpointer-events: none; CSSを追加し、モーダルで検索結果を表示します。 –

+0

@ yourありがとうございました。これについての例を教えてもらえますか? –

+0

@ꜱᴜʀᴇꜱʜᴀᴛᴛᴀ私は背景モダールを使用しています。しかし、それは全体のウェブサイトが非アクティブになりました –

答えて

0

でなければならない - CSSホバー含みます/アクティブ状態、JavaScriptでイベントをクリック/タップし、カーソルが表示されているかどうかを示します。

無効

$("div").on("click",function(){ 
 
alert("test"); 
 
});
div{width:50px;height:50px;margin:5px;} 
 
#div1{background-color:pink;} 
 
#div2{background-color:lightgrey;} 
 
.disable{pointer-events: none;}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="div1">enable</div> 
 
<div id="div2" class="disable">disable</div>

関連する問題