jQuery事件绑定，解绑，自定义事件

最新推荐文章于 2023-03-21 11:15:34 发布

katy的小乖

最新推荐文章于 2023-03-21 11:15:34 发布

阅读量649

点赞数

分类专栏： javaWeb

本文链接：https://blog.csdn.net/u010918487/article/details/50119979

版权

javaWeb 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

<span style="font-size:18px;"><html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<script type="text/javascript">
	$(function() {
		/*$(":button").click(function())
		.dblclcik(function() {})
		.mouseout(function() {});*/
		//$(":button").bind("click",clickHandler);
		//$(":button").bind("dblclick",dblclickHandler);
		$(":button").on("click",clickHandler); // 绑定事件
		//$(":button").unbind("click",clickHandler);
		//$(":button").off("click",clickHandler);// 解除绑定
		//$(":button").on("dblclick",dblclickHandler);
		
		// 自定义事件
		$(":button").click(function() {
			var e = jQuery.Event("dblatferkeyup");
			// 使用trigger触发自定义事件
			$(":button").trigger(e);
		});
		
		// 绑定自定义事件
		$(":button").on("dblatferkeyup",selftEvent);
		
	});
	
	function clickHandler() {
		console.log("button click");
	}
	
	function dblclickHandler() {
		console.log("button dblclick");
	}
	
	function selftEvent(e) {
		console.log(e);
	}
</script>
</head>
<body>
	<input type="button" value="点击" />
</body>
</html></span>

katy的小乖

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
jQuery事件绑定，解绑，自定义事件

Insert title here $(function() { /*$(":button").click(function()) .dblclcik(function() {}) .mouseout(function() {});*/ //$(":button").bind("click",clickHandler); //$(":button").bind("dblc
复制链接

扫一扫

专栏目录