jQuery 箭头键绑定（网页浏览器类 IE）

发布于 2024-10-20 22:56:44 字数 615 浏览 4 评论 0原文

我有一个使用 microsoft webbrowser 类（ IE activex ）的应用程序。我试图绑定 keydown 事件并将自定义控件添加到箭头键，但使用箭头键时不会触发 keydown 事件。

我尝试使用以下代码来捕获 keydown 事件：

$(document).keydown(function(e){   
alert("keydown");  });

$("#element").keydown(function(e){   
alert("keydown");  });

document.onkeydown = function(evt) {
  evt = evt || window.event;
  var keyCode = evt.keyCodeq
  if (keyCode >= 37 && keyCode <= 40) {
      alert("ok");
      return false;
  }
};

keydown 事件有效，例如删除键，但在使用箭头键时无效。当我在 ActiveX 浏览器中使用箭头键时，文档会滚动，但无法添加自定义控件。

在常规 IE（非 activex）中一切正常。

有什么建议吗？

原文

I have an application which uses the microsoft webbrowser class ( IE activex ).
I'm trying to bind the keydown event and add custom control to the arrow keys, but the keydown event is not fired when using the arrow keys.

I tried following code to capture the keydown event:

$(document).keydown(function(e){   
alert("keydown");  });

$("#element").keydown(function(e){   
alert("keydown");  });

document.onkeydown = function(evt) {
  evt = evt || window.event;
  var keyCode = evt.keyCodeq
  if (keyCode >= 37 && keyCode <= 40) {
      alert("ok");
      return false;
  }
};

The keydown event works, delete key by example, but not when using the arrow keys.
When I use the arrow keys in the activex browser, the document scrolls, but it's not possible to add custom control.

In regular IE (non activex) everything works fine.

Any suggestions?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

赠意 2024-10-27 22:56:44

其实没什么可做的。

<input type="text" id="test_element">

<script type="text/javascript">
$(function(){
 $("#test_element").keydown(function(e){
  switch(e.which){
   case 37: movement = 'left'; break;
   case 38: movement = 'up'; break;
   case 39: movement = 'down'; break;
   case 40: movement = 'right'; break;
   default: movement = false; break;
  }
  if(movement){
    alert("You just clicked "+movement+" arrow key");
  }
 });
});
</script>

Actually there is nothing to do much.

<input type="text" id="test_element">

<script type="text/javascript">
$(function(){
 $("#test_element").keydown(function(e){
  switch(e.which){
   case 37: movement = 'left'; break;
   case 38: movement = 'up'; break;
   case 39: movement = 'down'; break;
   case 40: movement = 'right'; break;
   default: movement = false; break;
  }
  if(movement){
    alert("You just clicked "+movement+" arrow key");
  }
 });
});
</script>

回复收藏 0 原文

~没有更多了~