(function(w){
w.$={};
w.$.drag = function(testNode,callBack){
var elementPoint = {x:0,y:0};
var startPoint = {x:0,y:0};
testNode.onmousedown = function(ev){
debugger
ev = ev || event;
elementPoint.x=this.offsetLeft;
elementPoint.y=this.offsetTop;
startPoint.x=ev.clientX;
startPoint.y=ev.clientY;
if(testNode.setCapture){
testNode.setCapture();
}
document.onmousemove = function(ev){
ev = ev || event;
var nowPint = {x:0,y:0};
nowPint.x=ev.clientX;
nowPint.y=ev.clientY;

这是一个使用JavaScript封装的drag.js代码示例,用于实现HTML5元素(如视频播放器)的拖动功能。当鼠标按下时,记录初始位置,并在鼠标移动时更新元素位置,确保其在父容器内。鼠标释放时,移除事件监听器。此功能适用于webview中的前端开发。
最低0.47元/天 解锁文章
516

被折叠的 条评论
为什么被折叠?



