Javascript jQueryUI-在单击的div上动态绑定keypress事件
大家好, 我想在单击上面演示中给出的div层时绑定keypress事件处理程序。功能是使用“删除”键删除选定图层 但是当我按delete键时,按键处理程序不会启动。请建议。删除“Javascript jQueryUI-在单击的div上动态绑定keypress事件,javascript,jquery,jquery-ui,keyboard-events,jquery-resizable,Javascript,Jquery,Jquery Ui,Keyboard Events,Jquery Resizable,大家好, 我想在单击上面演示中给出的div层时绑定keypress事件处理程序。功能是使用“删除”键删除选定图层 但是当我按delete键时,按键处理程序不会启动。请建议。删除“()”: 您正在将undefined添加为处理程序:$this.on(“keypress”,keyAction())等于$this.on(“keypress”,undefined)在您的情况下,因为keyAction函数不返回任何内容 此外,您的div必须是可聚焦的,以便接收键盘事件。因此,您需要在其上添加tabinde
()
”:
您正在将undefined
添加为处理程序:$this.on(“keypress”,keyAction())
等于$this.on(“keypress”,undefined)
在您的情况下,因为keyAction
函数不返回任何内容
此外,您的div
必须是可聚焦的,以便接收键盘事件。因此,您需要在其上添加tabindex
:
<div class="dragClass" tabindex="0">
这是
有关在静态元素(如div
)上添加键盘事件的详细信息,请参阅:删除“()
”:
您正在将undefined
添加为处理程序:$this.on(“keypress”,keyAction())
等于$this.on(“keypress”,undefined)
在您的情况下,因为keyAction
函数不返回任何内容
此外,您的div
必须是可聚焦的,以便接收键盘事件。因此,您需要在其上添加tabindex
:
<div class="dragClass" tabindex="0">
这是
有关在静态元素(如div
)上添加键盘事件的详细信息,请参阅:要使元素接收按键事件,它需要焦点。一种方法是添加一个tabindex。如果您单击元素,然后单击下面小提琴中的键盘按钮,您将获得事件。我把小提琴剥去一点,去掉了干扰对焦的拖拽装置
为了让元素接收按键事件,它需要聚焦。一种方法是添加一个tabindex。如果您单击元素,然后单击下面小提琴中的键盘按钮,您将获得事件。我把小提琴剥去一点,去掉了干扰对焦的拖拽装置
但我也需要可拖动功能。但我也需要可拖动功能。
$this.focus();
Use this code it execute for delete key
$("#ParentDIV").keyDown(function (e) {
if (e.keyCode == 46) {
// Do it
}
});