jquery自定义事件要用到2个方法
1:bind(type,[data],fn);其中type是自定义事件类型(名称);data是可选参数,是自定义函数fn中第一个参数中的data属性,注意data是一个数组类型;fn是事件触发时执行的函数。
2:trigger(type,[data]);其中type是自定义事件类型(名称);data是可选参数是自定义函数fn中第二个参数,注意这是一个数组类型。
应用举例:
<!doctype html><html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <title>Document</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="renderer" content="webkit|ie-comp|ie-stand"> <meta name="keywords" content=""> <meta name="description" itemprop="description" content=""> <meta name="protocol" content="1"> <meta itemprop="name" content="name"> <meta itemprop="image" content="http://9.url.cn/edu/img/logo_pc_rich.png"/> <link rel="dns-prefetch" /> </head> <body> <div> <p> <input type="text" id="number01" value="0"> + </p> <p> <input type="text" id="number02" value="1"> <input type="button" id="ok" value="="> </p> <p> <input type="text" id="result" value="1"> </p> </div> <script type="text/javascript" class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="js/jquery.js"></script> <script type="text/javascript"> <!-- $(window).bind("resultChange",function(event,a,b,c){ alert(a+":"+b+":"+c); }); $("#result").change(function(){ var result=$(this).val(); if(result>0) $(window).trigger("resultChange",[result,result,result]); }); $("#ok").click(function(){ $("#result").val(($("#number01").val()-0)+($("#number02").val()-0)); $("#result").change(); }); //--> </script> </body></html>
點擊查看更多內(nèi)容
為 TA 點贊
評論
評論
共同學(xué)習(xí),寫下你的評論
評論加載中...
作者其他優(yōu)質(zhì)文章
正在加載中
感謝您的支持,我會繼續(xù)努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進(jìn)行掃碼打賞哦