【问题标题】:jQuery trigger mouseout eventjQuery 触发 mouseout 事件
【发布时间】:2011-07-28 02:51:50
【问题描述】:

是否可以使用 jQuery 在链接元素上触发 mouseout 事件?

即类似的东西

$(linkEle).mouseout()

我希望它在 iPad 上工作,即使没有任何鼠标光标,它实际上也有事件...

【问题讨论】:

  • 为什么$(linkEle).mouseout() 不起作用?
  • 您能否更好地描述您要完成的工作

标签: javascript jquery css ipad safari


【解决方案1】:

是的,jquery 有一个 mouseout 事件处理程序 - http://api.jquery.com/mouseout/

$('some_selector_here').mouseout(function() { 
  // Do some stuff
}

$('some_selector_here').trigger('mouseout');

【讨论】:

    【解决方案2】:

    您也许可以使用:

    .trigger('mouseleave');
    

    形式为:

    $('#elementToTriggerMouseLeaveOn').trigger('mouseleave');
    

    参考资料:

    【讨论】:

      【解决方案3】:

      我不了解 ipad,但它可以像您发布的那样工作。 http://jsfiddle.net/tESUc/

      【讨论】:

        【解决方案4】:
        $(linkEle).mouseout();
        

        $(linkEle).trigger('mouseout');
        

        $(linkEle).trigger($.Event('mouseout'));
        

        【讨论】:

          【解决方案5】:

          尝试点击事件

          tap - 在点击 pnscreen 元素后触发。

          http://www.roccles.com/?p=134

          $('.link').live('tap',function(event) {
          //TODO
          });
          

          触摸屏上不存在鼠标悬停状态

          【讨论】:

            【解决方案6】:

            鼠标悬停/移出事件在 ipad 上无法按要求工作。看看专门针对触摸设备的 touchstart/touchmove 和 touchend 事件。

            【讨论】:

              【解决方案7】:

              http://jsfiddle.net/hTYKQ/ 这样的东西可以在 ipad 中使用,但是以这种方式:

              • 第一次点击元素触发mouseenter函数。


              • 第二次点击触发东西..如果它有东西......像一个链接( http://jsfiddle.net/qxM33/1/ 我搞砸了 <a> href 但你明白了 重点。)


              • 点击元素外触发mouseleave函数。

              这个故事教的是:jquery 鼠标悬停和鼠标移出功能的工作原理与 ipad 中的点击功能非常相似

              【讨论】:

                猜你喜欢
                • 1970-01-01
                • 2010-10-30
                • 2013-05-21
                • 2017-05-30
                • 1970-01-01
                • 1970-01-01
                • 2012-01-23
                • 2013-06-15
                • 2021-06-12
                相关资源
                最近更新 更多