jQuery trigger()
此方法可以觸發匹配元素上指定型別的事件。
語法結構一:
[JavaScript] 純文字檢視 複製程式碼.trigger(eventType [, extraParameters ])
引數解析:
(1).eventType:JavaScript事件型別的字串,比如"click"或"submit"。
(2).extraParameters:可選,傳遞給事件處理程式的額外引數,傳遞多個引數需要通過陣列形式。
jQuery1.0版本新增。
語法結構二:
[JavaScript] 純文字檢視 複製程式碼.trigger(event [, extraParameters ])
引數解析:
(1).event:jQuery事件物件。
(2).extraParameters:可選,傳遞給事件處理程式的額外引數,傳遞多個引數需要通過陣列形式。
jQuery1.3版本新增。
特別說明:jQuery1.6.2開始,如果傳遞一個引數,可以不使用陣列形式。
jQuery1.3開始,trigger()有冒泡效果,事件函式中返回false或呼叫stopPropagation()方法可以阻止冒泡。
程式碼例項:
[HTML] 純文字檢視 複製程式碼執行程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script src="https://code.jquery.com/jquery-3.1.1.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("input:text").select(function(){ $(this).css("color","red"); }); $("#bt").click(function(){ $("input:text").trigger("select"); }); }); </script> </head> <body> <input type="text" value="softwhy.com"/> <input type="button" id="bt" value="檢視效果"/> </body> </html>
文字框註冊select事件處理函式;點選按鈕會呼叫trigger()會觸發select事件。
[HTML] 純文字檢視 複製程式碼執行程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script src="https://code.jquery.com/jquery-3.1.1.js"></script> <script> $(document).ready(function(){ $("a").click(function(ev){ var str=""; for(var index=0;index<arguments.length;index++){ str=str+arguments[index]+"<br/>"; } $("#show").html(str); }) $("a").trigger("click",["螞蟻部落","softwhy.com"]); }) </script> </head> <body> <a href="#">螞蟻部落</a> <div id="show"></div> </body> </html>
為trigger()方法傳遞除了第一個事件型別引數之外的其他額外引數,這些額外引數會作為事件處理函式的引數(事件物件永遠是事件處理函式的第一個引數,即便沒有傳遞事件物件),如果要傳遞多個額外的引數,需要使用陣列形式。
[HTML] 純文字檢視 複製程式碼執行程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script src="https://code.jquery.com/jquery-3.1.1.js"></script> <script> $(document).ready(function(){ var num=0; $("a").click(function(ev,arg){ num=num+1; $("#show").html(num); if(arg){ $("a").trigger(ev); } }) $("a").trigger("click","softwhy.com"); }) </script> </head> <body> <a href="#">螞蟻部落</a> <div id="show"></div> </body> </html>
trigger()引數為jQuery事件物件也可以觸發事件。
相關文章
- jquery中trigger無法觸發hover事件的解決方案jQuery事件
- Mysql TriggerMySql
- ±±oracle trigger±±Oracle
- sql triggerSQL
- Test Oracle triggerOracle
- Oracle trigger問題Oracle
- SqlServer 2005 TriggerSQLServer
- python trigger 組合Python
- COMPOUND TRIGGER學習
- logon_triggerGo
- oracle trigger 同步資料Oracle
- Create a trigger TO monitoring DDL
- WPF TryFindResource typeof Setter Trigger
- trigger 'SYS.GGS_DDL_TRIGGER_BEFORE' is invalid and failed re-validationAI
- Mysql之觸發器triggerMySql觸發器
- /proc/sysrq-trigger檔案
- PLSQL學習-【8trigger】SQL
- Database Logoff Trigger SQLDatabaseGoSQL
- TRIGGER裡的動態SQLSQL
- 禁止DDL執行的trigger
- MySQL入門-- TRIGGER(觸發器)MySql觸發器
- triggerHandler()和trigger()區別
- postman trigger xdebug session in phpstormPostmanSessionPHPORM
- PL/SQL 07 觸發器 triggerSQL觸發器
- 融會貫通學習trigger
- 限制資料庫登陸trigger資料庫
- trigger和物化檢視同步表
- Query to Check SP/Table/Trigger Exists in Database or notDatabase
- oracle trigger語法小記(一)Oracle
- SQLite建立觸發器 CREATE TRIGGERSQLite觸發器
- oracle trigger觸發器這servererrorOracle觸發器ServerError
- [hudson]hudson的build trigger解釋UI
- 透過TRIGGER限制IP登入
- Oracle Instead of Trigger的用法Oracle
- Oracle logon trigger舉例OracleGo
- MySQL 事件監聽 huangdijia/Laravel-triggerMySql事件Laravel
- 禁止oracle表的觸發器triggerOracle觸發器
- system trigger中的servererror事件驗證ServerError事件