如何在普通的元素上實現enter鍵的綁定

Cympros 發布于2019-08-22 18:01 / 1834人閱讀

摘要：在做登錄頁面時候，通常當用戶輸入賬號密碼后直接按鍵就觸發登錄按鈕了。如果是標簽，中可以綁定按鍵修飾符，但是如果是其它標簽呢。我的做法如下鍵值為在其它標簽上加入名字可以自己隋邊取，只要獲取到節點即可。

在做登錄頁面時候，通常當用戶輸入賬號密碼后直接按enter鍵就觸發登錄按鈕了。
如果是input標簽，vue中可以綁定按鍵修飾符，但是如果是其它標簽呢。我的做法如下：

document.querySelector("body").addEventListener("keyup", function (e) {
  if (e.keyCode == 13) { // enter 鍵值 為13
    document.querySelector(".button-keyup").click()
  };
})

在其它標簽上加入class button-keyup ,名字可以自己隋邊取，只要獲取到DOM節點即可。

云服務器 GPU云服務器云服務器上實現搶票 fec在webrtc中實現 js 按下鍵的編碼在瀏覽器中實現webrtc視頻傳輸

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/95404.html

如何在普通的元素上實現enter鍵的綁定

摘要：在做登錄頁面時候，通常當用戶輸入賬號密碼后直接按鍵就觸發登錄按鈕了。如果是標簽，中可以綁定按鍵修飾符，但是如果是其它標簽呢。我的做法如下鍵值為在其它標簽上加入名字可以自己隋邊取，只要獲取到節點即可。在做登錄頁面時候，通常當用戶輸入賬號密碼后直接按enter鍵就觸發登錄按鈕了。如果是input標簽，vue中可以綁定按鍵修飾符，但是如果是其它標簽呢。我的做法如下： document.q...

kun_jian 2019-08-02 10:41 評論0 收藏0
【Vue原理】Compile - 源碼版之 generate 拼接綁定的事件

摘要：寫文章不容易，點個贊唄兄弟專注源碼分享，文章分為白話版和源碼版，白話版助于理解工作原理，源碼版助于了解內部詳情，讓我們一起學習吧研究基于版本如果你覺得排版難看，請點擊下面鏈接或者拉到下面關注公眾號也可以吧原理源碼版之拼接綁定的事件今天我們寫文章不容易，點個贊唄兄弟專注 Vue 源碼分享，文章分為白話版和源碼版，白話版助于理解工作原理，源碼版助于了解內部詳情，讓我們一起學習吧研究...

OnlyMyRailgun 2019-08-26 10:45 評論0 收藏0
JavaScript 編程精解中文第三版十五、處理事件

摘要：事件與節點每個瀏覽器事件處理器被注冊在上下文中。事件對象雖然目前為止我們忽略了它，事件處理器函數作為對象傳遞事件對象。若事件處理器不希望執行默認行為通常是因為已經處理了該事件，會調用事件對象的方法。來源：ApacheCN『JavaScript 編程精解中文第三版』翻譯項目原文：Handling Events 譯者：飛龍協議：CC BY-NC-SA 4.0 自豪地采用谷歌翻譯部分...

Clect 2019-08-23 18:19 評論0 收藏0