ホームページ  >  記事  >  ウェブフロントエンド  >  jQueryのtrigger()メソッドの使用例

jQueryのtrigger()メソッドの使用例

巴扎黑
巴扎黑オリジナル
2017-06-25 13:27:481406ブラウズ

この記事では、主に jQuery での Trigger() メソッドの使用法と、Trigger() メソッドの関数と定義、および必要な要素に一致する特定の種類のイベントをトリガーする使用スキルを紹介します。参考にしてください

この記事では、jQueryのtrigger()メソッドの使用例を例とともに説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです:

このメソッドは、一致する要素に対して指定されたタイプのイベントをトリガーします。

文法構造 1:
は、一致する要素によってトリガーされるイベント タイプを指定します。 codeコードは次のとおりです。
$(selector).trigger(event、param1、param2、...)

parameterリスト:


parameter 追加のパラメータは、カスタム イベントに特に役立ちます。
description event
は、指定された要素によってトリガーされるイベントを指定します。 これは、カスタム イベント (bind() 関数を使用して添付) または任意の標準イベントにすることができます。
param
オプション。 イベント ハンドラープログラムに渡される追加パラメーター。

コード例:

コードは次のとおりです:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title>trigger()函数-脚本之家</title>
<style type="text/css">
p{
  width:200px;
  height:200px;
  border:1px solid blue;
}
</style>
<script type="text/
javascript
" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(
document
).ready(function(){
  $("p").click(function(){
    $("p").append("添加的内容");
  });
  $("button").click(function(){
    $("p").trigger("click");
  })
})
</script>
</head>
<body>
  <p></p>
  <button>点击激活事件</button>
</body>
</html>

ボタンボタンがクリックされると、p のクリックイベントがトリガーされ、クリックイベント処理関数が実行されます。

文法構造 2:

は、イベント オブジェクト をパラメータとして受け取り、一致する要素によってトリガーされるイベント タイプを指定します。

コードは次のとおりです:

$(selector).trigger(eventObj)

パラメータリスト:

パラメータ 説明
イベントオブジェクト event このオブジェクトは、イベントの発生時に実行する関数を指定します。

コード例:

コードは次のとおりです:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title>trigger()函数-脚本之家</title>
<style type="text/css">
p{
  width:200px;
  height:200px;
  border:1px solid blue;
}
</style>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("p").click(function(){
    $("p").append("添加的内容");
  });
  var e=jQuery.Event("click");
  $("button").click(function(){
    $("p").trigger(e);
  })
})
</script>
</head>
<body>
  <p></p>
  <button>点击激活事件</button>
</body>
</html>


以上がjQueryのtrigger()メソッドの使用例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。