Question

我试图通过这个简单的示例代码获取javascript中的当前鼠标位置：

$(document).mousemove(function(e){
    console.log(e.pageX +', '+ e.pageY);
});

这很好但我想在<object>之类的元素上获取当前鼠标位置。即我正在使用jQuery Media Plugin jQuery.media.js，它根据所使用的浏览器生成适当的媒体元素。使用demos like this，只要我停留在媒体元素上，控制台就会停止记录。例如，我复制粘贴此代码：

<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="jquery.media.js"></script>
<script>
$(document).ready(function(){
    $('.media').media();
});
$(document).mousemove(function(e){
    console.log(e.pageX +', '+ e.pageY);
});
</script>
</head>
<body>
    <a class="media {width:480, height:280}" href="http://malsup.github.com/video/simpsons.mov">MOV File (video)</a> 
</body>

我可以使用其他活动吗？或者此媒体元素不属于$(document)？

Answer 1

插件呈现的DOM元素不是标准DOM元素。他们不必向浏览器发送任何事件。如果它是您试图显示的电影使用HTML5 <video>标记 - 它应该正确触发所有标准DOM事件。如果它不是一个选项，您可以尝试在电影上放置透明的div。它应该正确地触发所有事件。这里唯一的缺点是电影本身不会被点击（控件等）。

在jquery.media对象上获取鼠标位置

1 个答案: