ホームページ >ウェブフロントエンド >jsチュートリアル >jqueryのトリガーとtriggerHandlerの違いの紹介例
jqueryのトリガーとtriggerHandlerの違いの紹介例
- 巴扎黑オリジナル
- 2017-06-25 13:59:171100ブラウズ
この記事では、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='checkbox']").bind("click",function(){
$("#test").val("www.baidu.com");
});
});
function bntClick(){
$("input[type='checkbox']").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 サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。