【问题标题】:jQuery KeyUp and ClickjQuery KeyUp 并单击
【发布时间】:2011-08-17 18:59:18
【问题描述】:

我想知道你怎么能用同样的#id.keyup().click()

即本质上,当用户尝试点击 enter 或点击#search 按钮时,我想验证#id

非常感谢

【问题讨论】:

    标签: jquery click onkeyup


    【解决方案1】:
    $('#foo').bind('click keyup', function(event) {
      ...
    

    随着事件类型的变化,您必须添加一些逻辑,但它应该适用于足够的 if 块。

    【讨论】:

    • 我最初也是这么想的,但看起来 OP 并不是真的想将多个事件绑定到一个 DOM 对象,而是让多个对象上的多个事件调用相同的代码。
    • 啊,这似乎是对的。那时@Neal 的回答更合适。
    • 嗨 - 是的,非常感谢。目的是在多个对象上调用多个事件?
    • 如果是同一个事件,可以在选择器中添加多个对象:$('#foo, #bar, #baz').bind('click keyup mouseover'), function(...
    【解决方案2】:

    你可以这样做:

            $(document).keydown(function(objEvent) {
                if (objEvent.keyCode == 13) {  //clicked enter
                     $('#search').click(); //do click
                }
            })
    
            $("#search").click(function(e){/*click fn*/})
    

    将运行点击进入按

    【讨论】:

      【解决方案3】:
      $("#id").click(validate).keyup(function(event)
      {
          if (event.keyCode == '13') validate();
      });
      function validate() { ... validate $(this).val(); ... }
      

      【讨论】:

        【解决方案4】:

        我会选择这样的:

        function validate(element) {
             // your validation stuff goes here
        }
        
        $('#id').keyup(function(event) {
            if (event.keyCode == 13) {  
                validate(this);
            }
        }).click(function() {
            validate(this);
        });
        

        【讨论】:

          【解决方案5】:

          新的 jQuery 在事件中提供了 which 属性来检查按下了哪个键,所以你现在可以做这样的事情:

          $(#id").on('keyup',function(e){
              if (e.which==13 || e.which==9) doSomething(this); //Enter or Tab key
          });
          

          【讨论】:

            【解决方案6】:

            函数 checkEnter(事件) { if (event.keyCode === 13) {

                        if (!(date_regex.test(event.target.value))) {
                            event.target.value = '';
                        }
                    }
                }
            

            【讨论】:

            猜你喜欢
            • 1970-01-01
            • 2013-05-01
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 2014-01-25
            • 1970-01-01
            • 1970-01-01
            相关资源
            最近更新 更多