jQueryのtrigger()メソッドの使用例-jsチュートリアル-php.cn

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

巴扎黑

リリース： 2017-06-25 13:27:48

オリジナル

1446 人が閲覧しました

この記事では、主に 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 サイトの他の関連記事を参照してください。