首页 > 电脑专区 > 电脑教程 >

jq如何制作回车事件

来源:互联网 2023-02-20 23:43:11 440

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

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

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

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

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

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

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

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

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

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

方法/步骤

  • 1

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

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

  • 2

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • 2本页面未经许可获取自百度经验
  • 3

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

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

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

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

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

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


    标签: 操作系统

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