頁面上實現回車觸發登入

2021-08-16 17:16:10 字數 1118 閱讀 8692

做了個登入介面時,需要實現回車登入,就是新增keyup事件,但是新增到哪個元素上時,略有不同,乙個是根元素的div上,結果只有聚焦到input中時才觸發keyup事件。後來改到了body上解決了問題,無論input聚焦還是失焦都可以觸發,特此記錄。

寫了個例子,只是演示回車登入,沒有具體功能

回車登入title>

.login

.login

input

.name,

.password

.name

span,

.password

span

.password

style>

head>

class="root"

id="root">

class="login">

class="name">

使用者名稱:span>

type="text">

div>

class="password">

密碼:span>

type="text">

div>

div>

div>

var root = document.getelementbyid('root');

// 如果是新增到root元素上,則只能是聚焦到input中,回車才觸發keyup事件

// root.addeventlistener('keyup', function(e)

// });

// 如果是新增到body元素上,即使失去焦點,回車也可以觸發keyup事件

document.body.addeventlistener('keyup', function

(e)

});script>

body>

html>

pb如何實現回車換行,回車觸發按鈕

if this.text and keydown keyenter then send handle this 256,9,long 0,0 end if 如果要跳到某個按鈕中並按下該按鈕,用下面事件 if this.text and keydown keyenter then cb 2.event...

關於登入時輸入資訊以後敲回車觸發登入按鈕的點選事件

問題 在asp.net中的登入頁面中使用者輸入使用者名稱,密碼等以後需要點選登入按鈕登入,往往我們希望使用者輸入資訊以後敲回車就可以觸發按鈕的點選事件以直接登入。解決辦法 我們可以通過改變登入按鈕在html中的順序達到此效果。例如乙個頁面中有2個button,分別為btnlogin1和btnlogi...

按回車鍵實現登入

password keyup.enter.native login type password v model form.password placeholder 密碼 prefix icon myicon myicon key el input el form item primary class...