我已经看到了关于这个问题的所有帖子,但我仍然无法在Firefox中使用回车键。以下是我所有的代码迭代,显然我已经对它进行了一百次更改,试图让它发挥作用。我可以让它在IE中工作,而不是在Firefox中。另一个问题:我是xPages的新手。在xPage中,我在哪里定义函数,还是必须创建脚本库并将其添加到资源中?谢谢大家。
Mike
var metaChar = false;
var key = event.keyCode || event.which;
if (key == 13) {
metaChar = true;
event.returnValue = true;
alert("true13");
}
if (key != 13) {
if (metaChar) {
alert("false");
metaChar = false;
} else {
alert("true");
event.returnValue = false;
}
}
/*
var vevent = event.keyCode || event.key // IE does not pass event to the function
if(vevent == window.event){
code = event.keyCode;
}else{
code = event.key;
}
if(code == 13){
event.returnValue = true;
alert("True");
} else {
event.returnValue = false;
return false;
alert("False");
}
*/
var e = event.keyCode || event.which;
charCode = e.keyCode || e.which;
if(charCode == 13){
return true;
alert("True");
} else {
return false;
alert("False");
}
我怀疑您的问题在于试图在javascript中使用event
。在XPages中,您需要使用不同的引用thisEvent
,此链接中"获取事件信息"下的一些信息。这是XPages在页面加载时添加事件的一种奇特方式。
对于您的情况,我创建了一个简单的示例XPage,它向您展示了如何在eventHandler中捕获回车键,或者如果您想使用内联函数。这适用于Chrome、Firefox和Internet Explorer 11。
<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core">
<xp:panel id="panel1">
<script type="text/javascript">
var enterKey = function(eventParam) {
var key = eventParam.keyCode || eventParam.which;
console.log("key = " + key);
if (key == 13) {
alert("script function - enter");
return true;
}else{
alert("script function - other character");
return false;
}
}
</script>
<xp:inputText id="button1">
<xp:eventHandler event="onkeypress" submit="false">
<xp:this.script><![CDATA[
var key = thisEvent.keyCode || thisEvent.which;
console.log("key = " + key);
if (key == 13) {
alert("button event script - enter");
return true;
}else {
alert("button event script - other character");
return false;
}
]]>
</xp:this.script>
</xp:eventHandler>
</xp:inputText>
<xp:br />
<xp:br />
<xp:inputText id="button2">
<xp:eventHandler event="onkeypress" submit="false">
<xp:this.script><![CDATA[
enterKey(thisEvent);
]]>
</xp:this.script>
</xp:eventHandler>
</xp:inputText>
</xp:panel>
</xp:view>