JQuery的trigger和triggerHandler的使用

代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>trigger和triggerHandler</title>

<!-- 1.导入JQ文件 -->
<script type="text/javascript" src="../js/jquery-1.11.0.js"></script>
<script type="text/javascript">

    // 2.文档加载完成后执行jquery方法
    $(function(){
        // 3.给input元素绑定一个focus事件,当元素获得焦点时(当通过鼠标点击选中元素或通过 tab 键定位到元素时),发生 focus 事件
	$("input").focus(function(){
	    $("<span>Focused!</span>").appendTo("body").fadeOut(1000);
	});
		
	// 4.使用trigger时会先触发我们绑定的focus 事件,之后触发浏览器默认的focus事件(文本框会获得焦点)
	$("#old").click(function(){
	    $("input").trigger("focus");
	});
		
	// 如果对一个focus事件执行了 .triggerHandler(),只会触发你绑定的动作,浏览器默认动作将不会被触发
	$("#new").click(function(){
	    $("input").triggerHandler("focus");
	});
    });
</script>
</head>
<body>
	<button id="old">.trigger("focus")</button>
	<button id="new">.triggerHandler("focus")</button><br/><br/>
	<input type="text" value="To Be Focused"/>
</body>
</html>

参考文章:https://www.runoob.com/manual/jquery/

©️2020 CSDN 皮肤主题: 书香水墨 设计师:CSDN官方博客 返回首页