首页 > 代码库 > JavaScript实现左右拖动的实现的基本原理
JavaScript实现左右拖动的实现的基本原理
因为jquery目前在前端开发中很受大家喜爱,故本源码也是基于jquery的,实际上可以说目前开发已经依赖上它了,谁让它那么好呢
var isDrag = false;
var x = 0; //操作对象在x轴的一个参考量
$("#resizerCol").mousedown(function () { isDrag = true; }); $("#resizerCol").mouseup(function () { isDrag = false; }); $("#resizerCol").mouseout(function () { isDrag = false; }); $("#resizerCol").mousemove(function (e) { if (isDrag) { if (x != 0) { if (x > e.pageX) { console.log("left"); } else { console.log("right"); } } } });
是的,源码中那个ID为resizerCol的东西就是我们拖动的对象。但是拖动起来不是那么流畅,还请大家发表意见。
JavaScript实现左右拖动的实现的基本原理
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。