0

javascriptこの単純なサンプルコードを使用して、現在のマウスの位置を取得しようとしています。

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

これは正常に機能しますが、などの要素で現在のマウスの位置を取得したいと思い<object>ます。jQuery.media.jsつまり、使用するブラウザに応じて適切なメディア要素を生成するjQueryMediaPluginを使用しています。このようなデモでは、メディア要素に留まっている限り、コンソールはログ記録を停止します。たとえば、このコードをコピーして貼り付けました。

<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)んか？

4

1 に答える 1

2

プラグインによってレンダリングされるDOM要素は、標準のDOM要素ではありません。ブラウザにイベントを送信する必要はありません。表示しようとしている映画の場合は、HTML5<video>タグを使用してください。すべての標準DOMイベントが正しく発生するはずです。それがオプションでない場合はdiv、映画の上に透明を置いてみてください。すべてのイベントを正しく発生させる必要があります。ここでの唯一の欠点は、ムービー自体がクリックできないことです（コントロールなど）。

于 2012-06-11T09:45:09.050 に答える