美文网首页
怎么解决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