鍵盤事件

? 獲取按鈕

? ? ? ? let btn = document.querySelector('#btn')

? 獲取文本框

? ? ? ? let txt = document.querySelector('#txt')

? ?搜索按鈕注冊點擊事件

? ? ? ? btn.onclick = function(){

? ? ? ? ? ? alert('正在搜索!'+txt.value)

? ? ? ? }

? ? ? ? 鍵盤按下事件

? ? ? ? txt.onkeydown = function() {

? ? ? ? ? ? console.log('鍵盤按下');

? ? ? ? ? ? }

? ? ? ? 鍵盤產(chǎn)生輸出字符事件

? ? ? ? txt.onkeypress = function() {

? ? ? ? ? ? console.log('產(chǎn)生輸出字符');

? ? ? ? }

? ? ? ? 鍵盤彈起事件

? ? ? ? txt.onkeyup = function(e){

? ? ? ? ? ? console.log('鍵盤彈起');

? ? ? ? ? ? 獲取鍵盤編碼

? ? ? ? ? ? let {keyCode} = e

? ? ? ? ? ? 判斷是否是回車鍵

? ? ? ? ? ? if(keyCode===13){

? ? ? ? ? ? ? ? 觸發(fā)按鈕的點擊事件

? ? ? ? ? ? ? ? btn.click()

? ? ? ? }

? ? ? ? }

注意:注冊事件時要加on,觸發(fā)時不需要on

?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容