• <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>

    jquery中文本框按下回車鍵執行事件的代碼如何寫

    • html+jquery
    • 代碼編纂器:Zend Studio 12.5.1

    方式/步調

    1. 1

      新建一個html文件,定名為test.html,用于講解jquery中文本框按下回車鍵執行事務的代碼若何寫。

      f9198618367adab4515dca2f84d4b31c8601e4c9.jpg
    2. 2

      在test.html文件中,在p標簽內,利用input標簽建立一個文本框,用于輸入內容。

      3c6d55fbb2fb43162947ab162fa4462309f7d306.jpg
    3. 3

      在test.html文件中,設置input元素的id屬性為tsinput,本家兒要用于下面經由過程該id獲得文本框對象。

      d31b0ef41bd5ad6e3e2ab5868ecb39dbb7fd3c8f.jpg
    4. 4

      在test.html文件中,編寫標簽,頁面的js代碼將寫在該標簽內。

      6c224f4a20a446234192740e9722720e0cf3d706.jpg
    5. 5

      在js標簽內,經由過程id(tsinput)獲得input對象,經它綁定keydown事務,當按鍵按下時,觸發該事務,執行function()方式。

      2f738bd4b31c8701813b638a287f9e2f0608ffc9.jpg
    6. 6

      在function()方式內,利用if語句判定當前的keyCode是否等于13,若是keyCode等于13,則申明是回車鍵按下了,利用alert()方式提醒“您按下了回車鍵”。

      8ad4b31c8701a18ba666c323912f07082938fec9.jpg
    7. 7

      在瀏覽器打開test.html文件,在輸入框按下回車鍵,查看實現的結果。

      50da81cb39dbb6fdba88344a0624ab18962b378f.jpg
    • 發表于 2019-12-23 17:00
    • 閱讀 ( 748 )
    • 分類:其他類型

    你可能感興趣的文章

    相關問題

    0 條評論

    請先 登錄 后評論
    聯系我們:uytrv@hotmail.com 問答工具
  • <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>
    久久久久精品国产麻豆