怎么用jQuery写回车后自动触发按钮点击

最新推荐文章于 2024-07-14 03:40:57 发布

riverrun_z

最新推荐文章于 2024-07-14 03:40:57 发布

阅读量2k

点赞数

分类专栏： jquery

本文链接：https://blog.csdn.net/weixin_48047636/article/details/124797425

版权

jquery javascript 前端

jquery 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<body>
    <input type="text" id="kw"><button>百度一下</button>
    <script src="../jquery-1.8.3.min.js"></script>
    <script>
        //获取btn
        $("button").click(function(){
            //查找要修改的元素，就是获得文本框输入的内容
            //trim()就是输入框中去掉空格的输入的value值
             var kw=$("#kw").val().trim();
             //如果输入框不为空则输出查找输入框里面的内容
            if(kw!==""){
                console.log(`查找${kw}相关`);
            }
        })
        //按下回车键触发onclick事件查找
        //$("#kw")：这里是找到文本框输入的内容
        //keydown $("button"):当键盘按下的时候就找到文本框旁边的button按钮
        //.trigger("click")就是触发这个按钮的click事件
        //事件对象e保存着键盘上每一个按钮键的唯一数字,
        //它的对象keyCode属性就是保存的本次按下某个键盘按钮键的数字
        //由于回车键在键盘上的数字是13所以keyCode的回车的属性值就是13
        //问题：如果用户一直按住keydown不放怎么办？
        //这会导致事件一直被触发，造成服务器负担
        //解决：用keyup事件，当键盘按钮被抬起来的时候再触发事件
       // $("#kw").keydown(function(e){
        $("#kw").keyup(function(e){
            if(e.keyCode==13){
                $("button").trigger("click")
            }
        })
    </script>
</body>

在这里插入图片描述

riverrun_z

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
怎么用jQuery写回车后自动触发按钮点击

<body> <input type="text" id="kw"><button>百度一下</button> <script src="../jquery-1.8.3.min.js"></script> <script> //获取btn $("button").click(function(){ //查找要修改的元素，就是获得文本框输入的内容
复制链接

扫一扫

专栏目录