Question

我有一页,需要定期间隔,以吸引四分五裂的可见度。问题是,与父母一方有关的点击事件往往没有点。如果我停止了眼光,或者如果我放慢了眼光(例如300米而不是100米),那么点击事件通常会发生。

I have created a short example illustrating this issue. You can test it here: http://threeds.me/0xC0DE/

从理论上来说,浮出蓝/红广场应焚烧点击事件。当没有估计(此处的过失行为)时,点击蓝广场将总是向浮标事件开火。如果你点击游戏/播火,红广场的可见度将开始逐个点。当点燃时,每当你点击广场时,就不要打上点击。

I would suspect that changing the visibility is somehow messing up with the DOM which as a result stop events for some milliseconds. I also tried to toggle the css visibility property to minimize the impact on the page but it has the same result.

But it s not only events. If I encapsulate the whole container in an tag, clicking the element will not be always taking into account by the browser. So it s like that changing the visibility of a child element will make a parent blind for (quite) some time which I find really strange.

这个问题与Motherine、Husain和Ampact(所有 on,都无法检测到ie)是一致的,因此,这意味着我不会得到一些东西。因此,即使我没有找到解决办法,我也想知道问题是什么。

在此请您立即参考。

<!DOCTYPE html>
<html>
<head><title>Wiggle problem</title>
<style>
#dback {
    width: 200px;
    height: 200px;
    background-color: red;
}
#dfront {
    width: 200px;
    height: 200px;
    background-color: blue;
}
</style>

<script type="text/javascript">
var run = false;
function playpause() {
    if ( run ) {
        run = false;
    } else {
        run = true;
        update();
    }
}

function update() {
    if ( run==false ) {
        return;
    }

    var el = document.getElementById( dfront );
    if ( el.style.display !=  none  ) {
        el.style.display =  none ;
    }
    else {
        el.style.display =   ;
    }

    setTimeout("update();", 100);
}
</script>

</head>

<body>
<a href="#" onclick="playpause();">play/pause</a>
<div id="container" onclick="d=new Date();t=d.getTime();document.getElementById( info ).innerText= click  +t;">
    <div id="dback">
        <div id="dfront"></div>
    </div>
</div>
<span id="info"></span>
</body>
</html>

Answer 1

这真是令人注目! 然而,我作了一些和的对照,现在我认为与泡沫没有任何关系(在我的测试中可以看到,有人用<可视码:隐蔽的

这里指的是我思考。由于您的间隔时间太短,没有足够时间进行实际的点击——点击是<代码>Mousedown活动,接着是<代码>mouseup活动。您的情况是,<代码>mouseup经常向其他部分发射,而不是发射mousedown的同一部分发射,因此没有<编码>click。见上文第二链接,其中我把间隔减少到1秒,试图点击蓝广场,并在红广场(或副面)上释放 mo。没有发生。我可能是完全错误的,但这看上去看看上去是可行的。

我知道这不是解决办法,但你说:

因此,即使我没有找到解决办法,我也想知道问题是什么。

我希望这能够帮助你们找到一个!

最后但并非最不重要的是,在您的法典中,有两点附带说明:

请注意<>ttimeout(绕过指示),因为它将强迫使用 >_val Internal,
```
setTimeout(update, 100);
```

http://msdn.microsoft.com/en-us/library/ie/ms53634328v=vs.85%29.aspx”rel=“nofollow”addEventListener (或http://msdn.microsoft.com/en-us/library/ie/ms53634328vs.85%29.aspx” rel=“reet”_nofollow”>/<<>/>/<<>/>/>/>t/>_con_t=_t_t_t_t_mline. 这有若干好处,例如帮助单独的行为、结构和布局,使事件的物体自动提供给事件的手(作为手脚的第一个参数)。

Answer 2

Acctually, when "dfront" is visible, its hovering over "container", and when you make a click, event goes to "dfront". but there is no onclick event, for "dfront" element. Onclick event of "container" is not propagating on child elements - its normal, you can workaround it by using jquery it has "event propagation" option for events. Or just set onclick event for "dfront".

Also you can create transparent layer over "container" and "dfront" and bind event to it. Or, make onmouseclick event on window object, which will find out, if mouse position is over "dfront" by checking their coordinates and if true then event handler will be fired.

友情链接