首页 > 电脑专区 > windows >

jq如何制作回车事件

来源:互联网 2023-02-20 16:29:45 版权归原作者所有,如有侵权,请联系我们

在前端页面开发中,回车事件是必不可少的,让我们一起来看一下。RCw办公区 - 实用经验教程分享!

回车事件代码:RCw办公区 - 实用经验教程分享!

$(function(){RCw办公区 - 实用经验教程分享!

$("body").keydown(function(){RCw办公区 - 实用经验教程分享!

if(event.keyCode == "13"){RCw办公区 - 实用经验教程分享!

alert("点击回车后显示")RCw办公区 - 实用经验教程分享!

}RCw办公区 - 实用经验教程分享!

})RCw办公区 - 实用经验教程分享!

})RCw办公区 - 实用经验教程分享!

RCw办公区 - 实用经验教程分享!

方法/步骤

  • 1

    新家一个html文件,然后引入jquery库。如图RCw办公区 - 实用经验教程分享!

    jq如何制作回车事件RCw办公区 - 实用经验教程分享!

  • 2

    创建回车事件。RCw办公区 - 实用经验教程分享!

    在引入的jquery库后面新建一个script>标签,在这个标签里面新建一个加载完成事件,在这个事件内添加回车事件。如图:RCw办公区 - 实用经验教程分享!

    代码:RCw办公区 - 实用经验教程分享!

    script>RCw办公区 - 实用经验教程分享!

    $(function(){RCw办公区 - 实用经验教程分享!

    $("body").keydown(function(){RCw办公区 - 实用经验教程分享!

    if(event.keyCode == "13"){RCw办公区 - 实用经验教程分享!

    alert("点击回车后显示")RCw办公区 - 实用经验教程分享!

    }RCw办公区 - 实用经验教程分享!

    })RCw办公区 - 实用经验教程分享!

    })RCw办公区 - 实用经验教程分享!

    /script>RCw办公区 - 实用经验教程分享!

    RCw办公区 - 实用经验教程分享!

    RCw办公区 - 实用经验教程分享!

    RCw办公区 - 实用经验教程分享!

    jq如何制作回车事件RCw办公区 - 实用经验教程分享!

  • 2
  • 3

    保存html文件后,使用浏览器打开,按下键盘上的回车按钮,这时就会弹出一个alert弹出框,表示回车事件已成功。RCw办公区 - 实用经验教程分享!

    RCw办公区 - 实用经验教程分享!

    RCw办公区 - 实用经验教程分享!

    RCw办公区 - 实用经验教程分享!

    jq如何制作回车事件RCw办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!RCw办公区 - 实用经验教程分享!


    标签: 操作系统

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号