Anwendungsbeispiele der Methode trigger() in jQuery-js-Tutorial-php.cn

Anwendungsbeispiele der Methode trigger() in jQuery

巴扎黑

Freigeben： 2017-06-25 13:27:48

Original

1446 Leute haben es durchsucht

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>

Nach dem Login kopieren

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:

< span style="font-size:12px;word-wrap: break-word">Parameter

参数	描述
eventObj	事件对象规定了事件发生时运行的函数。

Beschreibung

eventObj< td width="500" style="border-bottom: rgb(227,237,245) 1px solid; border-left: rgb(227,237,245) 1px solid; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; Wortumbruch: 14px; Rand oben: rgb(227,237,245) 1px fest: 4px span style= "font-size:12px;word-wrap: break-word">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>

Nach dem Login kopieren

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!