8.2 trigger和triggerHandler的作用

最新推荐文章于 2023-07-27 09:01:50 发布

P_ning

最新推荐文章于 2023-07-27 09:01:50 发布

阅读量274

点赞数 1

分类专栏： jQuery

本文链接：https://blog.csdn.net/P_ning/article/details/99575095

版权

jQuery 专栏收录该内容

19 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="../../js库/jquery-2.1.0.js"></script>
		<script>
			$(function(){
				$("#username").focus(function(){
					console.log("id为username的输入框的focus事件被触发")
				});
			});
			$(function(){
				$("#btn1").click(function(){
					console.log("id为btn1的按钮点击后导致id为username的输入框的focus事件被触发")
					$("#username").trigger("focus")//括号写触发事件的名字
					console.log("----------分隔符----------")
				});
			});
			$(function(){
				$("#btn2").click(function(){
					console.log("id为btn2的按钮点击后导致id为username的输入框的focus事件被触发")
					$("#username").triggerHandler("focus")//括号写触发事件的名字
					console.log("----------分隔符----------")
				})
			})
	//trigger和triggerHandler都有触发事件的作用,这样用户注册账号时,一点击按钮就会显示出所有输入栏的要求,无需一个个点击输入栏
	//两者的区别是trigger会触发浏览器默认事件,就是鼠标点击输入栏的那种效果而triggerHandler不会有这种效果,而且triggerHandler只会触发jq的第一个元素的事件,而且返回值时函数的返回值而不是jQuery对象
		</script>
	</head>
	<body>
		<!--trigger和triggerHandler都有触发时间的作用,但是-->
		用户名:<input type="text" id="username"/>
		<button id="btn1">trigger</button>
		<button id="btn2">triggerHandler</button>
	</body>
</html>

P_ning

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
8.2 trigger和triggerHandler的作用

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="../../js库/jquery-2.1.0.js"></script> <script> $(func...
复制链接

扫一扫