【代码】分享一个极简代码-js自由拖动函数

最近JBolt极速开发平台里面需要实现一个Table copy to excel的能力,需要用户自定义选择任意td 复制到excel中 比自己java代码去写各种导出要舒服的多。

真实客户需求,没办法就得支持!;

谁叫JBolt平台是省心省事儿极速开发保姆级服务呢?

jbolttable_copy_to_excel.png

具体演示:


代码:

/**
 * 自由拖动
 * @param trigger 点击触发自由拖动触发器元素
 * @param box     哪个组件元素被自由拖动
 * @param parent  在哪个区域内拖动
 * @returns
 */
function freelyDragging(trigger,box,parent){
	trigger.on("mousedown",function(e){
	    box.draging=true;
	});
	parent.on("mousemove",function(e){
	    if(box.draging){
	        box.offset({
		    top:e.clientY-30,
		    left:e.clientX-25
	        });
	    }
	});
	parent.on("mouseup",function(e){
	    box.draging=false;
	});
}



JBolt极速开发平台,省心,省事儿,极速开发

JFinal社区近400家企业的选择!

微信:18766735632

image.png

JBolt极速开发平台演示

使用JFinal和JBolt开发的项目名录


推荐:

【公告】加入JFinal研修院终身制1V1商业开发者计划

评论区

crazycl

2021-11-15 17:54

小木老师厉害!

热门分享

扫码入社