使用调用函数JSF获取关键代码
get key code with call function JSF
当使用JSF inputText
时,通过ajax事件keydown调用javascript函数,但不获取keu down的代码事件。
<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
xmlns:p="http://primefaces.org/ui"
xmlns:f="http://java.sun.com/jsf/core">
<h:head>
<title>Start Page</title>
<script>
i = 0;
$(document).ready(function (e) {
$("#form'':inp1").keydown(function (e) {
$("#form'':span1").text(e.type + ": " + e.which);
});
});
function keyUp1(e, extraval)
{
$("#form'':span2").text(e.type + ": " + e.which);
window.alert("call it" + extraval);
}
</script>
</h:head>
<body>
<h:form id="form">
JQuery:
<p:inputText id="inp1" />
<p:outputLabel id="span1" value="Test This"/>
<br/>
<br/>
<h:outputText value="JSF Ajax: " />
<p:inputText id="counter" value="#{listenerView.text}">
<f:ajax event="keydown" onevent="function(data) {keyUp1(data,' Test it')};"/>
</p:inputText>
<h:outputText id="out" value="#{listenerView.text}"/>
<p:outputLabel id="span2" value="Test This"/>
</h:form>
</body>
第一个inputText
使用第11行中的Jquery和javascript函数,但第二个inputText
不使用JSF-ajax。
您接收的数据是event-它包含event.type、event.status、event.source。这就是它不适用于您的原因。
您可以捕获事件keydown,但在源代码u中,您只能找到HTMLInputelement(调用事件的inputText元素),而不能找到键。
如果你真的需要知道按下了什么键,那么就使用jQuery版本,如果你需要向后端发布请求并获得一些字段更新,那么就用jsf-ajax。顺便说一句,您正在将primefaces组件与jsf-ajax混合——不要这样做(这不一样)——如果您愿意,请使用primefaces-ajax。
工作版本(只是差异)
function keyUp1(e)
{
if (e.status !== "complete") {
console.log(e.type + ": " + Object.keys(e));
console.log("type: " + e.type);
console.log("status: " + e.status);
console.log("source: " + e.source);
}
}
<f:ajax event="keydown" onevent="keyUp1"/>
相关文章:
- 如何从JavaScript到C#代码中获取特定值
- 获取PHP代码中日期选择器的值
- 如何将JavaScript自动POST的状态代码获取到另一个域
- 从页面上的谷歌分析跟踪代码获取帐户ID
- 从服务器端代码获取会话信息到客户端代码
- Android:从HTML代码获取链接(没有标签/ID)
- 如何使用 C# 代码获取 confirm() 值
- 如何使用一行代码获取字符串数组的最后一个元素
- 使用 java 代码获取完整的网页
- 地理位置代码获取附近的城市
- 保存后分析云代码获取保存的对象
- 需要帮助将此代码获取到控制台应用程序
- 在laravel 5.1上使用此代码获取内部服务器错误500
- 从前端JavaScript代码获取Spotify API访问令牌
- Javascript日期对象原生代码获取月份名称
- 如何在同一个JSP页面中从javascript代码获取值到JSP scriptlet
- 解析云代码-获取pfffile的URL
- Phonegap代码获取要在html中发布的文件的完整路径
- jQuery代码获取复选框长度,而使用jQuery数据表
- 如何从机场代码获取纬度和经度