jQuery中trigger()方法用法實例-js教程-PHP中文網

jQuery中trigger()方法用法實例

巴扎黑

發布： 2017-06-25 13:27:48

原創

1445 人瀏覽過

這篇文章主要介紹了jQuery中trigger()方法用法,實例分析了trigger()方法的功能、定義及觸發匹配元素指定類型事件的使用技巧,需要的朋友可以參考下

本文實例講述了jQuery中trigger()方法用法。分享給大家供大家參考。具體分析如下：

此方法觸發符合元素指定類型的事件。

語法結構一:
規定被觸發的事件類型符合元素。

程式碼如下:

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

參數清單:

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>

登入後複製

點擊button按鈕可以的時候可以出發p上的click事件，進而執行click事件處理函數。

語法結構二:

以事件物件作為參數規定符合元素要被觸發的事件類型。

程式碼如下:

$(selector).trigger(eventObj)

參數清單:

參數	描述
#eventObj	事件物件規定了事件發生時運行的函數。

實例程式碼:

#程式碼如下：

<!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中文網其他相關文章！