乙個頁面多個input 按鈕 如何回車控制

2022-02-11 03:09:23 字數 1340 閱讀 1860

專案完成了,完善也是乙份重中之重的工作!至於你做的**炫還是不炫?個人認為人性化很重要!尤其是b2c**……如何做到專案人性化?只有不斷的去發現和完善了!

購物**已做好,目前也在新增一些新功能、seo、及**優化的工作!昨天運營部門同事找到我說「一般**登入、註冊填寫完資訊後,直接回車就可以登入或者註冊了,沒必要一定要單擊滑鼠確認啊?問我可不可以做到?」 我和他說 「不好控制。」因為之前有做過,也google了 也沒找到一二,但是自己沒有研究下 :)(個人感覺自己js不怎麼的所以就……)

還解釋了下,之前的做法是這個

乙個頁面多個input 按鈕,我怎麼知道使用者回車是想登入還是註冊還是其他呢??反問了我們的運營部同事? 雖然it這行業沒做過幾年,但是有個信念一直支配著我「只要能想到的**一定能實現」。

下班回家整出來了:>    如下

例如我這個專案:

前台**:

搜尋搜尋

txtsearch" type="text" class="input" />

註冊登入頁面

會員登入

使用者名稱:

' class="input" type="text" id="loginuname" onchange="checkemail('loginunameerromsg',this.value)"

onblur="checkemail('loginunameerromsg',this.value)" maxlength="50" />

密    碼:

loginpwd" onblur="checkpwd('loginpwderrormsg',this.value);"

maxlength="20" />

txtrecpwd" class="input" type="text" onchange="retrievepassword(0)" onblur="retrievepassword(0)"

value="" maxlength="50" />

重新啟用

函式可以這樣即可實現多個button 回車控制

$(function()

});//登入按鈕loginpwd

$("#loginpwd").keypress(function(e)

});//密碼忘記

$("#txtrecpwd").keypress(function(e)

});});

就是控制使用者輸入的最後乙個input,根據這個input事件keypress 來判斷使用者回車是想控制那個input按鈕

這是個人的發現!可能有不足 !也請群裡面的大俠指點指點!有更好的方法 麻煩拿出來大家分享一下   呵呵 3q……

乙個頁面多個input 按鈕 如何回車控制

專案完成了,完善也是乙份重中之重的工作!至於你做的 炫還是不炫?個人認為人性化很重要!尤其是b2c 如何做到專案人性化?只有不斷的去發現和完善了!購物 已做好,目前也在新增一些新功能 seo 及 優化的工作!昨天運營部門同事找到我說 一般 登入 註冊填寫完資訊後,直接回車就可以登入或者註冊了,沒必要...

如何給頁面上的按鈕繫結乙個事件?

title function buttonhandler script head onclick buttonhandler 按鈕button body html 複製 也可以這樣 title function buttonhandler script head id button 按鈕button...

處理乙個表單有多個提交按鈕

在做到表單的提交的時候,如果是乙個按鈕提交的話,對應乙個action。只需要將form表單屬性method post action action路徑 可是如果是多個按鈕,如何將乙個表單與多個方法關聯呢?思路是這樣的 先不指定表單的action,讓action屬性為 method post 為你的提交...