suchen

Heim  >  Artikel  >  Web-Frontend  >  Anwendungsbeispiele der Methode trigger() in jQuery

Anwendungsbeispiele der Methode trigger() in jQuery

巴扎黑
巴扎黑Original
2017-06-25 13:27:481467Durchsuche

In diesem Artikel wird hauptsächlich die Verwendung der Trigger()-Methode in jQuery vorgestellt. Das Beispiel analysiert die Funktion, Definition und Verwendungsfähigkeiten der Trigger()-Methode zum Auslösen bestimmter Ereignistypen für übereinstimmende Elemente it

Das Beispiel in diesem Artikel beschreibt die Verwendung der trigger()-Methode in jQuery. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

Diese Methode löst ein Ereignis des angegebenen Typs für das übereinstimmende Element aus.

Grammatikstruktur 1:
gibt den Ereignistyp an, der durch das passende Element ausgelöst wird.

Der Code lautet wie folgt:

$(selector).trigger(event,param1,param2,...)

Parameterliste:

Parameter
参数 描述
event 规定指定元素要触发的事件。
     可以是自定义事件（使用 bind() 函数来附加），或者任何标准事件。
param 可选。传递到事件处理程序的额外参数。
     额外的参数对自定义事件特别有用。
Beschreibung
event Gibt das Ereignis an, das durch das angegebene Element ausgelöst werden soll. Es kann sich um ein benutzerdefiniertes Ereignis (mit der Funktion bind() angehängt) oder um ein beliebiges Standardereignis handeln.
Optional. Zusätzliche Parameter, die an den Ereignishandler übergeben werden. Die zusätzlichen Parameter sind besonders nützlich für benutzerdefinierte Ereignisse.

Beispielcode:

Der Code lautet wie folgt:

<!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>

Wenn Sie auf die Schaltfläche klicken, können Sie das Klickereignis auf p und auslösen Führen Sie dann die Verarbeitungsfunktion für Klickereignisse aus.

Grammatikstruktur zwei:

verwendet das Ereignis--Objekt als Parameter, um den Ereignistyp anzugeben, der für das übereinstimmende Element ausgelöst werden soll .

Der Code lautet wie folgt:

$(selector).trigger(eventObj)

Parameterliste:

Parameter
参数 描述
eventObj 事件对象规定了事件发生时运行的函数。
Beschreibung
eventObj td>Das Ereignisobjekt gibt die Funktion an, die ausgeführt werden soll, wenn das Ereignis auftritt.

Beispielcode:

<!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>

Der Code lautet wie folgt:

Das obige ist der detaillierte Inhalt vonAnwendungsbeispiele der Methode trigger() in jQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Erfahrung mit der Verwendung von trigger() und bind() in jQueryNächster Artikel：Erfahrung mit der Verwendung von trigger() und bind() in jQuery

In Verbindung stehende Artikel

Mehr sehen