簡單地記下jquery實現回車事件 全局: $(function(){document.onkeydown = function(e){ var ev = document.all ? window.event : e; if(ev.keyCode==13) { $('#FormId).submit ...
簡單地記下jquery實現回車事件
全局:
$(function(){
document.onkeydown = function(e){
var ev = document.all ? window.event : e;
if(ev.keyCode==13) {
$('#FormId).submit();//處理事件
}
}
});
某個控制項:
$('#id').keydown(function(e){
if(e.keyCode==13){
$('#FormId).submit(); //處理事件
}
});
if (window.event.keyCode==13) window.event.keyCode=0 //這樣就取消回車鍵了
如果想模擬Tab鍵,只要寫成 if (window.event.keyCode==13) window.event.keyCode=9 就行了,它會跳到另一個元素上。
來源:心有餘白---->https://www.cnblogs.com/wenbo/archive/2011/08/20/2147014.html;
自己實現的代碼:
<script>
var verifyCode = new GVerify("v_container");
$().ready(function () {
$("#loginName").focus();//預設登錄名input獲得焦點
//獲得焦點時回車事件
//登錄名input
$("#loginName").keydown(function (e) {
if (e.keyCode == 13)
{
LonginLoad();
}
});
//密碼input
$("#loginPwd").keydown(function (e) {
if (e.keyCode == 13) {
LonginLoad();
}
});
//驗證碼input
$("#Code").keydown(function (e) {
if (e.keyCode == 13) {
LonginLoad();
}
});
//記住登錄信息input
$("#jizhuwo").keydown(function (e) {
if (e.keyCode == 13) {
LonginLoad();
}
});
//焦點獲得時回車事件 (完)
//滑鼠點擊
$("#login").click(function () {
LonginLoad();
});
})
//判斷驗證碼登錄、以及判斷登錄提交
function LonginLoad() {
var code = $("#Code").val();
var res = verifyCode.validate($("#Code").val());
var loginName = $("#loginName").val();
var loginPwd = $("#loginPwd").val();
if (loginName == "") {
layer.msg('請輸入用戶名!', { icon: 6 });
return;
}
if (loginPwd == "") {
layer.msg('請輸入密碼!', { icon: 6 });
return;
}
if (code == "") {
layer.msg('請輸入驗證碼!', { icon: 6 });
return;
}
else {
if (res) {
//執行登錄操作
layer.msg("登錄成功!歡迎回來", { icon: 6 });
setTimeout(Jump, 700);//延時登錄
} else {
layer.msg('驗證碼輸入錯誤!', { icon: 5 });
$("#loginPwd").val("");
$("#Code").val("");
}
}
}
//成功後跳轉頁面
function Jump() {
window.location.href = "/MainInterface/Index";
}
</script>
在一兩次嘗試中遇到問題,載入之後沒有焦點無法使用回車事件,去網上找了一下,也沒有具體的解答。
最後自己想了這個解決方法,對自己來說還算湊合的解決方法;