0

我想在浏览器窗口的左侧创建一个小栏，用于跟踪鼠标 Y 位置并跟随鼠标。到目前为止，没有任何问题。

但是现在我想在鼠标悬停在 div 上时阻止 div 偏移，以便也可以单击 div 刚刚显示的内容。

我做了一个小提琴来让自己清楚

http://jsfiddle.net/UXWp6/

 <html>
        <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
        <script>
        $(document).bind('mousemove', function(e){
        $('#blokje').offset({top: e.pageY-100}); });

        </script>
<style>
#blokje{width:200px; height:200px; background:white; position:relative; left:-180px; color:black; }
#blokje:hover{left:0;}
#blokje #tit{position:absolute; width:30px; height:200px; background:black; right:0; top:0; }
</style>
     </head>
        <body>
            <div id="blokje">
            <div id="tit">&nbsp</div>
                <p><a href="#">A link</a><br /> This is the content where I would like to have my content clickable like that link on top </p>
            </div>
        </body>
    </html>​
4

1 回答 1

1

而不是一次又一次地实际绑定和解除绑定事件。我可能会停止传播，因此文档永远不会看到它发生。

$(function(){
    $(document).bind('mousemove', function(e){
        $('#blokje').offset({top: e.pageY-100}); 
    });

    $('#blokje').bind('mousemove', function(e){
        e.stopPropagation();
    });
});

提琴手

于 2012-08-04T20:16:06.937 回答