上有沒有一種方法,使mousemove
事件處理工作在一個HTML <對象>標籤?我有HTML這樣的:鼠標移動不靈對象元素
<object type="image/svg+xml" data="myfile.svg"></object>
<img src="myfile.svg"/>
和一些JavaScript/jQuery的是這樣的:
$("img, object").on("mousemove", function() {
$("body").css("background-color","#f0f");
});
$("img, object").on("mouseleave", function() {
$("body").css("background-color","transparent");
})
但mousemove
只工作在img
標籤。對object
或object *
應用pointer-events: all
似乎沒有幫助。
這裏是一個fiddle。
$("img, object").on("mousemove", function() {
$("body").css("background-color","#f0f");
});
$("img, object").on("mouseleave", function() {
$("body").css("background-color","transparent");
})
img, object {
width: 100px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Mouse over the images to change the background color. It doesn't seem to work for the object tag.
<h2>SVG as <object></h2>
<object type="image/svg+xml" data="https://upload.wikimedia.org/wikipedia/commons/e/ea/Converted_to_SVG.svg"></object>
<h2>SVG as <img></h2>
<img src="https://upload.wikimedia.org/wikipedia/commons/e/ea/Converted_to_SVG.svg"/>
如果您選擇在SVG的XML元素和應用mousemove事件處理程序會發生什麼?或添加一個屬性onmousemove =「console.log('foo')」? – Tschallacka
你不能。檢查SVG,你會發現'
您是否嘗試過使用'onmouseenter'?或者當鼠標移動時你想要做什麼? – Tschallacka