input的回车事件触发问题

最新推荐文章于 2024-08-08 11:03:53 发布

www.xpshuai.cn

最新推荐文章于 2024-08-08 11:03:53 发布

阅读量8.3k

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/qq_37622608/article/details/88193683

版权

前端专栏收录该内容

13 篇文章 0 订阅

订阅专栏

今天准备在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>