javascript – JSF在ENTER键上调用backing bean方法和reRender组件

我有一个数据表作为搜索字段.我希望在按下ENTER键时调用辅助bean上的方法,以及要重新呈现的DataTable.

到目前为止,我的方法仅适用于IE 6和7,而不适用于FF.这是inputText:

这是我调用的Javascript方法:

 function submitByEnter(e){
 if(e.keyCode==13){
      // alert("Enter was pressed");
      e.returnValue=false;
      e.cancel=true;
      document.getElementById("applicantProductListForm:refreshButton").click();
 } 
}

如您所见,Javascript方法点击页面上存在的按钮刷新:

refreshData方法不返回任何内容.如前所述,这仅适用于IE 6和IE 7.

有谁知道为什么它在FF中不起作用?

我正在考虑的另一个选择是HotKey,它确实可以捕获ENTER的事件,但它只能调用Javascript,所以它不合适.

通过RichFaces或普通JSF这样做的正确方法是什么?

干杯!

更新:

BalusC略微修改了答案,有效的脚本是:

if (event.preventDefault) {
// Firefox
event.preventDefault(); 
} else {
// IE 
event.returnValue = false; 
}
最佳答案
尝试通过以下方式替换JS块:

function submitByEnter(e){
    if (e.keyCode == 13) {
        e.preventDefault();
        document.getElementById("applicantProductListForm:refreshButton").click();
    } 
}

或更好,

function submitByEnter(e){
    if (e.keyCode == 13) {
        document.getElementById("applicantProductListForm:refreshButton").click();
        return false;
    } else {
        return true;
    }
}

和输入的onkeypress

onkeypress="return submitByEnter(event)"

如果这不起作用,请运行Firebug的JS调试器以查看JS代码是否按预期运行.

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...