keydown 事件上的 jQuery 触发器()和 stopPropagation()

2024-04-07

我在按键和停止传播方面遇到了困难

我不想刷新我的页面,我已经尝试了我能想到的所有方法,我当前的代码是

 <script>
 $(document).ready(function() {
 var e = jQuery.event( 'keydown', { which: $.ui.keyCode.ENTER } );

 $('#id_number').trigger(e, function(event){
event.preventDefault();
event.stopPropagation();
});

 });
 </script>

知道我在这里做错了什么吗?我认为事件被正确调用,我有 jquery 和 jquery ui 正确链接并且没有收到控制台错误

UPDATE好吧,它正在工作,现在我得到了 对象函数 (a,b){return new e.fn.init(a,b,h)} 的属性“event”不是函数 下面的代码有错误

 $(document).ready(function() {
 var e = jQuery.event( 'keydown', { which: $.ui.keyCode.ENTER } , function(event){
  event.preventDefault();
  event.stopPropagation();
}); 

 $('#id_number').trigger(e);

 });

更新 #2 - 已修复

我学到的东西

  1. 文档中不需要trigger()(已准备好)
  2. 让 $.ui.keyCode 工作很困难(至少对我来说)
  3. 始终查看附加到输入的其他功能(onblur、onfocus 等)又名 doh

将其重写为这个,工作得很好

 $(document).ready(function() {
    $('#id_number').keydown(OnKeyDown);
 });    

function OnKeyDown(e){
var code = (e.keyCode ? e.keyCode : e.which); //to support both methods
if(code == 13) { //the Enter keycode

    //my actions
 return false;
 }
}

停止默认操作的代码必须转到事件适用的元素。

$('#id_number').keydown(function(event){
  event.preventDefault();
  event.stopPropagation();
});

The .trigger() http://api.jquery.com/trigger/第二个参数是为了extraParameters

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

keydown 事件上的 jQuery 触发器()和 stopPropagation() 的相关文章

随机推荐