鼠标右键拖拽图片超链接，拖拽完成后如何不弹出对话框

Question

鼠标右键拖拽图片超链接，拖拽完成后如何不弹出对话框，我已经可以用右键拖拽了，但是完成后他会弹出右键的对话框。该如何编写代码

Answer 1

mousedown移除href属性，mouseup的时候判断是否移动过，如果移动过就设置href触发跳转，要不延时设置href即可。

 <style>a{position:absolute;}</style>
<script type="text/javascript">
    window.onload = function () {
        var move = false, a, x, y, ax, ay;
        $('a').mousedown(function (e) {
            a = $(this);
            a.attr('src', a.attr('href')).removeAttr('href');

            ax = parseInt(a.css('left')); ay = parseInt(a.css('top'));
            x = e.clientX; y = e.clientY;
            move = true;
        });
        $(document).mousemove(function (e) {
            if (!move) return false;

            a.css({ left: e.clientX + ax - x, top: e.clientY + ay - y });

        }).mouseup(function (e) {
            move = false;
            if (e.clientX == x && e.clientY == y) a.attr('href', a.attr('src'));
            else setTimeout(function () { a.attr('href', a.attr('src')); }, 0);
        });
    }
</script>  
<a href="menu.html" style="left:20px;top:20px">menu.html</a>