当鼠标位于页面左侧时,Javascript执行消息

时间:2014-06-23 03:42:55

标签: javascript jquery html css

有人知道如何制作它,所以当鼠标靠近或在页面的左侧,它将在 javascript中发送消息。基本上当你拿走鼠标移动时它太靠近左侧,它只会使用警报("示例");。

谢谢,我真的很感激帮助。

2 个答案:

答案 0 :(得分:2)

工作小提琴fiddle

HTML

<div class="menu hide"></div>    

SCRIPT

当鼠标离开时调用自定义功能,并且在该功能中,如果鼠标从Window的左侧悬停至少20px,则执行您想要的任务。

var menu = $('.menu');
var menuTimeout;

$(window).on('mousemove', mouseMoveHandler);

function mouseMoveHandler(e) {
  if (e.pageX < 20 || menu.is(':hover')) {
    // Show the menu if mouse is within 20 pixels from the left or we are hovering over it
    clearTimeout(menuTimeout);
    menuTimeout = null;       
    alert("left side")
  } 
}

答案 1 :(得分:0)

你期待这样的事情

<html>
<head>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script type="text/javascript" >

    $( document ).bind( "mousemove", function( event ) {
        if( (event.pageX) < 10 )
        {
            alert("Example");
        }
    });

</script>

</head>
<body>

</body>
</html>