实际上我想创建一个“标记”效果。但是为什么当我单击并拖动图像时会产生“闪烁”效果?我想在图像上拖动时放大 div
<html>
<head>
<script>
window.onload = function(){
var imgWrapper = document.getElementById("imgWrapper");
imgWrapper.onmousedown = function(event){
event.preventDefault();
var mouseY = event.layerY;
var mouseX = event.layerX;
var firstTagging = document.createElement("div");
firstTagging.style.position = "absolute";
firstTagging.style.top = (mouseY) + "px";
firstTagging.style.left = (mouseX) + "px";
firstTagging.style.border = "1px solid red";
imgWrapper.appendChild(firstTagging);
imgWrapper.onmousemove = function(event){
firstTagging.style.width = (event.layerX - mouseX) + "px";
firstTagging.style.height = (event.layerY - mouseY) + "px";
}
}
}
</script>
</head>
<body>
<div id="imgWrapper">
<img src="jlin.jpg">
</div>
</body>
</html>
但是如果我在图像上使用 onmousemove,它可以正常工作,为什么? http://jsfiddle.net/jPkpR/1/