您可以乘坐该事件并使用它来获取所需的数据。这是一个示例代码:
<input class="inputbox" type="text" value="-default-" />
<script>
function changeHandler(event) {
console.log("changeHandler: ",event.target.value);
}
function keyPressHandler(event) {
console.log("keyPressHandler: ",event.target.value);
}
function keyDownHandler(event) {
console.log("keyDownHandler: ",event.target.value);
}
function keyUpHandler(event) {
console.log("keyUpHandler: ",event.target.value);
}
$(function(){
$(".inputbox")
.on("change",{},changeHandler)
.on("keypress",{},keyPressHandler)
.on("keydown",{},keyDownHandler)
.on("keyup",{},keyUpHandler);
})
</script>
聚焦输入字段并单击“s”键后的控制台结果:
LOG: keyDownHandler: -default-
LOG: keyPressHandler: -default-
LOG: keyUpHandler: -default-s
LOG: changeHandler: -default-s
因此,可以通过事件本身获得所需的数据(如果需要,还可以在绑定事件时作为第二个 {} 参数加上任何附加参数。
注意:在输入字段实际模糊(失去焦点)后触发“更改”事件。
ps 你的“onkyeup”处理程序可能是这样的:
function(event){
$("#searchRe")
.load("suggestionSearch.php?value=" + event.target.value);
}