input的回车事件触发问题

版权声明:版权所有,若有雷同,纯属巧合,请联系小编,侵权必究 https://blog.csdn.net/qq_37622608/article/details/88193683

今天准备在input上加一个回车事件,回车之后让后面的div的点击事件触发,但是在网上搜了好多东西,但是都大同小异的解决不了
然后问了一下别人,最后解决了,但是原因我哦还没弄太清楚,希望路过的大佬可帮我解释一下下,嘿嘿

问题问的代码:
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
<input type="text" name="" id="ttt" placeholder="测试回车事件">

<script type="text/javascript">
	// 最开始的方法
	$("#document").keyup(function(event){
	if(event.keyCode == 13){
		alert(666);
	}
	});

</script>
</body>
</html>
解决之后的:
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
<input type="text" name="" id="ttt" placeholder="测试回车事件">

<script type="text/javascript">

	// 监听回车事件
	function listendown(e){
	    if(!e) e = window.event;
	    if(e.keyCode ==13){
	        alert(555);
	    }
	}
	// 回车搜索
	$(document).on("keydown",function () {
	    listendown(event);
	});
</script>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/qq_37622608/article/details/88193683