如何将默认功能设置为一个窗体中的所有文本框

Question

我在网上做了调查，没有找到合适的答案。

<ui:define>
    <h:form id="formName"> 
        <h:inputText id="p1"/>
        <h:inputText id="p2"/>
        <h:inputText id="p3"/>
        <h:inputText id="p4"/>
    </h:form>
</ui:define>
<ui:define name="javascripts">      
    <script type="text/javascript">
        //<![CDATA[
        $(document).on('opened','[data-reveal]',function() {
            $("#formName input:text").on('keyup keypress', function(e) {
                var code = e.keyCode || e.which;
                if (code == 13) {                                                                       
                    e.preventDefault();
                    return false;
                }
            }); 
        }

我的问题是从id p1到p4的所有这些输入文本，我必须禁用输入键。而不是写KeyPress事件为每个这些Id，如何使它整洁的代码?

Answer 1

您可以使用以下代码禁用form submit上的enter键对于input字段

编辑

根据@dognose的建议，您应该使用keyup或keydown，因为keypress可能不被所有浏览器支持。

$("form :input").on("keyup keydown keypress", function(e) {
    console.log(e.keyCode);
    return e.keyCode != 13;
});

检查更新后的JSFIDDLE。