首页 > 解决方案 > 用户在输入字段中输入数据并按下回车后触发事件

问题描述

我想在用户在输入字段中输入数据并按下后触发事件enter

jQuery(document).one("PageComplete", function(e){
  // Do some stuff

  jQuery('#inputField').on("keyup", function(e) {
    if (e.which === 13) {  
       //do some stuff
       console.log("bbq chicken");
    }
    e.preventDefault();
  });
});

无论出于何种原因,代码都不会进入if语句。但是,当我这样做时:

jQuery(document).one("PageComplete", function(e){
  // Do some stuff

  jQuery(document).on("keyup", function(e) {
    if (e.which === 13 && jQuery('#inputField').length) {  
       //do some stuff
       console.log("bbq chicken");
    }
    e.preventDefault();
  });
});

它进入了 if 语句,但我注意到一些冒泡(每次我按下 enter 按钮时屏幕闪烁两次)。我应该怎么做而不发生任何冒泡?

标签: javascriptjqueryjquery-eventsevent-bubbling

解决方案


推荐阅读