为了账号安全,请及时绑定邮箱和手机立即绑定

jquery自定义事件的使用

标签:
JQuery

  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" href="http://7.url.cn"> <link rel="dns-prefetch" href="http://9.url.cn"> <link rel="dns-prefetch" href="http://8.url.cn"> <link rel="stylesheet" href="http://8.url.cn/edu/css/common.980ee.css"/> <link rel="stylesheet" href="http://8.url.cn/edu/css/index_refactor.90164.css"/> <link rel="shortcut icon" href="http://9.url.cn/edu/img/favicon.ico"/> </head> <body>		<div>				<p>						<input type="text" id="number01" value="0">&nbsp;&nbsp;+				</p>				<p>						<input type="text" id="number02" value="1">&nbsp;&nbsp;						<input type="button" id="ok" value="=">				</p>				<p>						<input type="text" id="result" value="1">&nbsp;&nbsp;										</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>


点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消