美文网首页
怎么解决input按回车时触发

怎么解决input按回车时触发

作者: 在绝望中飘零 | 来源:发表于2020-04-01 10:26 被阅读0次

    需求:用户要求在查询时可以直接在输入指令或型体时按回车提交查询。


    20200401-1.jpg

    解决方式:
    我们使用jquery中的keydown事件,代码如下:

    $("input[seartItem]").keydown(function(e){
            var curKey = e.which;
            if (curKey == 13) {
                $("#myform").submit();
            }
        });
    <div class="searchStyle1">型體:
                <input type="text" seartItem name="searchStyle" id="searchStyle" class="inputHasOutSideWidth" size="30">
            </div>
    

    注:seartItem我在input中定义了一个属性用于给jquery方便选择,然后使用keydown中的参数传入按键对象就可以取出按键的值,因为回车的ACSII为13,因此作一下判断就可以了。

    相关文章

      网友评论

          本文标题:怎么解决input按回车时触发

          本文链接:https://www.haomeiwen.com/subject/vnrouhtx.html