zoukankan      html  css  js  c++  java
  • input的回车事件触发问题

    今天准备在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>
    
  • 相关阅读:
    four day (linux基础学习1)
    three day(网络基础)
    two day(操作系统)
    Oldboy One day(计算机基础)
    mybatis调用存储过程
    调用jiathis分享接口
    汉字转换拼音工具类
    Ajax前后台交互 返回普通格式和JSON格式
    Bootstrap与EasyUI入门
    MD5,sha1加密工具类
  • 原文地址:https://www.cnblogs.com/shuai06/p/12397473.html
Copyright © 2011-2022 走看看