JS图片拖动事件之setCapture方法(适用主流浏览器)

版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/wangkunroy/article/details/72884786

JS使用mousemove、mousedown、mouseup对图片进行拖动时

可以在mousedown和mouseup中使用对象的setCapture和releaseCapture方法,这是一个区域外事件捕捉的方法,这个对象会为当前应用程序或整个系统接收所有鼠标事件。

用来区域内的鼠标拖动是非常实用的,但并不是所有的浏览器都支持该方法,甚至会被打断,这时就需要使用条件判断来区分是否可以使用该方法
mousedown方法中写:

if (obj.setCapture) {
        obj.setCapture();
        } else{
            window.captureEvents(Event.MOUSEMOVE | Event.MOUSEUP);
        }
    }

mouseup方法中写:

if (obj.releaseCapture) {
        obj.releaseCapture();
        } else{
            window.releaseEvents(Event.MOUSEMOVE | Event.MOUSEUP);
        }
    }
展开阅读全文

没有更多推荐了,返回首页