1. 程式人生 > >Jquery實現input keydown回車觸發登入事件(任意觸發、指定觸發)

Jquery實現input keydown回車觸發登入事件(任意觸發、指定觸發)

一、說明

1、任意觸發:不管當前焦點在哪個input輸入框,只要回車就觸發事件,如登入介面。
2、指定觸發:指定某個input輸入框回車時才觸發事件。
二、實現
1、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>
2、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>