1. 程式人生 > >jquery多個元素繫結同一事件以及回車事件觸發點選事件

jquery多個元素繫結同一事件以及回車事件觸發點選事件

1.多個元素繫結同一事件

場景呈現:在登入功能中可以會在每個輸入框中監聽回車事件或者是其他相同事件,這時候就可以通過下面方式進行繫結.
	$(".login_wrap input[name=username],.login_wrap input[name=userpassword],.login_wrap input[name=code]").keydown(function(e){
		//執行事件
	});

2.回車事件自動觸發點選事件(trigger)

還是以上面的登入功能為例。。。
	$(".login_wrap input[name=username],.login_wrap input[name=userpassword],.login_wrap input[name=code]").keydown(function(e){
		if(e.keyCode == 13){
			$('.login_wrap input[type=button]').trigger("click");
		}
	});
另外加上全域性回車事件
	$(function(){
		document.onkeydown = function(e){ 
		    var ev = document.all ? window.event : e;
		    if(ev.keyCode==13) {
		           $('.login_wrap input[type=button]').trigger("click");
		     }
		}
	});


上面的點選事件中包含著表單驗證的邏輯,所以在回車的時候一樣可以進行驗證。。