Jquery--实现input keydown回车触发登录事件

news/2024/7/10 23:06:01 标签: jquery, keydown, 回车登录

一、说明

任意触发 

不管当前焦点在哪个input输入框,只要回车就触发事件,如登录界面。

指定触发

指定某个input输入框回车时才触发事件。

二、实现

HTML代码

<body>
	输入框1:<input id="inputId1" name="inputName1" class="className1"/><br>
	输入框2:<input id="inputId2" name="inputName2" class="className2"/><br>
	<!--  引入Jquery -->
	<script src="${dynamicDomain }/static/js/jquery-1.11.1.min.js"></script>
</body>

JS代码

<script type="text/javascript">
$(function(){
	var event = arguments.callee.caller.arguments[0] || window.event;// 消除浏览器差异
	//第1种,任意触发
	$(document).keydown(function(event) {
		if (event.keyCode == 13) {
  			alert('登录事件'); //登录事件
		}
	});
	//第2种,指定触发
	$('#inputId1').keydown(function(event) {
		if (event.keyCode == 13) {
			alert('你输入的值是' + $('#inputId1').val());	
		}
	});
});
</script>

onkeydown和onkeyup按键回车触发事件的区别,点击这里了解~


http://www.niftyadmin.cn/n/1328296.html

相关文章

系统设计--Mybaits There is no getter for property named 'id' in class 'java.lang.String'

一、问题描述 在使用mybaitis传参数的时候&#xff0c;如果仅传入一个类型为String的参数&#xff0c;那么在 xml文件中应该使用_parameter来代替参数名。 二、举例描述 正确的写法 <!-- 用于查询运单号是否存在 --><select id"isCargoBillNoExist" resu…

Mybatis--提示错误:No enum constant org.apache.ibatis.type.JdbcType.date

在ibatis中&#xff0c;mapper层不需要关注这些参数而转到mybatis后如果字段值为空 必须设置jdbcType&#xff0c;如&#xff1a; insert into testTable(ID,NAME,DESCRIPTION,IMAGEURL,LINKURL,ISALWAYS,ISDISPLAYINDEX,DISPLAYWEIGHT,STARTTIME,ENDTIME,CREATOR,CREATTIME,M…

Java--System.currentTimeMillis()获取时间,并计算代码执行效率

一、说明 System.currentTimeMillis() 方法获取的是从1970年01月01日00时00分00秒000毫秒到此刻的毫秒数返回类型是long类型。 计算一段代码执行的时间&#xff0c;可以通过该方法获取到起始时间&#xff0c;结束时间&#xff0c;然后计算时间差&#xff0c;最后再进行时间单…

Java--POI技术处理Excel表 .xls ..xlsx两种格式的导入操作

一、说明 原文标题SpringMvcPOI 处理Excel的导入操作功能 提到了ImportExcelUtil.java&#xff08;Excel解析工具类&#xff09;、UploadExcelControl.java (Spring控制器)、InfoVo.java(保存Excel数据对应的对象)、main.jsp(前端代码)以及配置文件web.xml、springmvc-servlet…

Java--POI实现.xls .xlsx Excel导出

一、说明 本文只贴导出功能代码&#xff0c;导入功能可以参考博文http://blog.csdn.net/justinqin/article/details/78769789 二、功能代码 Mapper层 <resultMap id"OddNumbers" type"com.sale.entity.Order" ><id column"id" prop…

Maven--如何下载JSONObject相关依赖架包

一、开发场景 Java开发当中经常需要Json格式的数据&#xff0c;这就用到JSONObject类&#xff0c;本文章只提供以下两种JSONObject对应架包的下载方式&#xff1a; &#xff08;1&#xff09;com.alibaba.fastjson.JSONObject 只依赖1个架包fastjson-1.2.28.jar&#xff08;…

Java--MapString 遍历的四种方法

示例代码 Map<String, String> map new HashMap<String, String>();map.put("key1", "value1");map.put("key2", "value2");map.put("key3", "value3");//第一种&#xff1a;普遍使用&#xff0c;二…

Java--工具类String、Map、JSONObject、JSONArray相互转换

目录 一、前期说明 二、转换实现 2.1 net.sf.json.JSONObject Map、JSONObject、JSONArray转jsonObjectString jsonObjectString 转JSONObject jsonArrayString 转JSONArray jsonObjectString 转Map Map转JSONObject JSONArray转JSONArray JSONArray转JSONArray 2.2…