1

ページに画像があり、マウスが押されたときに onmousemove イベントをリッスンしたいと考えています。しかし、ブラウザ (Firefox) で画像をドラッグすると、実際には画像をドラッグするので、できません。これは望ましくありません。

これが私のコードです：

JavaScript 部分:

document.onmousemove=getMouseCoordinates;

var x;
var y;
var clicked = false;

function getMouseCoordinates(event){
    ev = event || window.event;
    x = ev.pageX;
    y = ev.pageY;
}

    function onClickMap(){  
        var obj = document.getElementById("selectArea");
        var tempX = x;
        var tempY = y;

    obj.style.left = tempX + "px";
    obj.style.top  = tempY + "px";

    clicked = true;
}

function onMoveMap(){
    if(clicked){
        var obj = document.getElementById("selectArea");
        var xToSize = Math.abs(parseInt(obj.style.left) - x);
        var yToSize = Math.abs(parseInt(obj.style.top)  - y);
        obj.style.width  = xToSize + "px";
        obj.style.height = yToSize + "px";
    }
}

HTML 部分:

<img src="pixels.png" id ="pixelDiv" usemap="#pixelMap" onClick="onClickMap()" onmousemove="onMoveMap()">
4

3 に答える 3

2

これがjQueryソリューションです。

これにより、すべてのドラッグが無効になります。

$(document).bind("dragstart", function() {
     return false;
});

img要素のドラッグのみを無効にする場合:

$(document).bind("dragstart", function(e) {
     if (e.target.nodeName.toUpperCase() == "IMG") {
         return false;
     }
});
于 2012-10-26T20:02:29.127 に答える
0

false を返すだけの mousedown ハンドラを追加できます。これでFFでのドラッグが止まるようです。

于 2012-10-26T20:03:57.693 に答える
0

わかりましたが、これは Firefox 固有のものだと思います。画像の onlcick メソッドと onmove メソッドを無効にしましたが、画像をドラッグすることはできます

今私は解決策を見つけました、私はこれを探していました

http://www.develobert.info/2008/10/disable-firefox-image-drag.html

于 2012-10-27T10:00:37.083 に答える