在输入框中输入事件调用按钮单击操作

时间:2015-08-31 12:09:24

标签: javascript html jsf

我有一个输入框,当按下Enter键时会调用按钮操作。

    <h:inputText value="#{myBean.fname}" id="name" onkeydown="callClickEvent(event);"></h:inputText>


**Js function is**
--------------

function callClickEvent(event){
                 if (event.keyCode == 13 || event.which==13) {
                 document.getElementById('dataForm:btnA').click();
               }

        }

在我的xhtml中,我有两个按钮

<h:commandButton action="#{myBean.actionPerform}" id="btnA""/>
<h:commandButton action="#{myBean.updateAction}" id="btnB"/>

现在的问题是,这个代码在chrome和firefox中运行良好但在IE9中没有按预期工作;

在IE 9中,当我按下回车键时,它会调用两个按钮动作。

堆栈溢出的建议解决方案是: (1)添加type =“button” (2)在javascipt函数中添加e.preventDefault()。

当我添加type =“button”时,当我点击第二个按钮时,动作方法不会调用。

当我添加e.preventDefault()时,它不允许我键入任何侧输入框。

任何帮助将不胜感激。

0 个答案:

没有答案