用javascript捕捉鼠标点击

Catch mouse click with javascript

本文关键字：鼠标 javascript      更新时间：2023-09-26

我有一个有许多iframe的页面，我应该通过在顶部添加菜单来打开所有drop-down menu。
问题是我如何catch下次点击鼠标关闭菜单?因为我不知道它在哪一帧中，所以我不能在右边的iframe上添加click listener。
是否有办法捕获click event而不是目标元素上的单击事件?

jsFiddle示例 -如果我点击iframe内的菜单将不会被删除!

您可以使用这种解决方法，它将适用于任何iframe(跨域)。但需要更多的测试:

——演示——

$(focusWindow);
$('iframe').on('mouseenter', function () {
    $(window).on('blur', iframeclicked);
}).on('mouseleave', function () {
    $(window).off('blur', iframeclicked);
    if($(document.activeElement).is('iframe'))
        focusWindow();
});
function iframeclicked(){
     $("#myMenu").remove();
}
function focusWindow(){
    $('<div/>').attr('tabindex',-1).prependTo('body').focus().remove();
}
//$(window).mouseenter(focusWindow); << removed it
相关文章：