jqueryのトリガーとtriggerHandlerの違いの紹介例-jsチュートリアル-php.cn

jqueryのトリガーとtriggerHandlerの違いの紹介例

巴扎黑

リリース： 2017-06-25 13:59:17

オリジナル

1073 人が閲覧しました

この記事では、jqueryのトリガーとtriggerHandlerの違いを主に紹介します。必要な方は参考にしてください。

triggerとtriggerHandlerは両方ともイベントをシミュレートします

のコードです。次のように:

<html lang="en"> 
<head> 
<meta charset="utf-8"> 
<title>test</title> 
<script src="http://code.jquery.com/jquery-1.10.2.js"></script> 
</head> 
<body> 
<input type="checkbox" /> 
<input type="text" id="test"/> 
<input type="button" value="button" id="bnt" 
onclick
="bntClick()"/> 
</body> 
<script> 
$( 
document
 ).ready(function() { 
$("input[type=&#39;checkbox&#39;]").bind("click",function(){ 
$("#test").val("www.baidu.com"); 
}); 
}); 
function bntClick(){ 
$("input[type=&#39;checkbox&#39;]").trigger("click"); 
} 
</script> 
</html>

ログイン後にコピー

チェックボックスがクリックされると、チェックボックスがチェックされ、input[type='text'] に値 www.baidu.com が割り当てられます
input[type='button'] がクリックされると、同じチェックボックスをクリックした場合と同じことが起こります
トリガーがtriggerHandlerに置き換えられると、input[type='button']がクリックされると、チェックボックスをチェックせずにinput[type='text']のみに値が割り当てられます
triggerHandlerはそれを防ぎます。イベントにバインドされた要素のデフォルトの動作。

以上がjqueryのトリガーとtriggerHandlerの違いの紹介例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。