如何在javascript中禁用输入文本框上的键盘事件

Question

我有一个图像,我使用键盘对它应用一些操作(翻译,缩放..).在图像上方,我有一个输入文本框,显示数据集中的图像编号.当光标在文本框上时,如何禁用图像处理？(即禁用我分配给每个键盘的行为).我还想能够编辑文本框(例如移动到图像编号xx).从我在这里读到的IPad禁用keyevent输入,我认为解决方案将是这样的:

 // input text field
   var currentPosDisplay = $('<input type=text id="currentPos"  onkeypress="return  disableManipulation();" value="1" style="display:inline" >');

但我不知道如何实现disableManipulation(),以便当我按下键盘(文本框内)时,只发生默认行为(而不是图像处理)

Answer 1

听起来你想让用户改变它中的值input,但是你不希望在文档(或其他容器)级别看到这些事件,你已经将键盘事件挂钩以进行图像处理.

如果是这种情况,你可以这样做Event#stopPropagation:

var currentPosDisplay = $('<input type=text id="currentPos" value="1" style="display:inline" >');
currentPosDisplay.on("keypress keydown keyup", function(e) {
    e.stopPropagation();
});