优化 colorpicker 移动端事件处理

This commit is contained in:
sight 2023-12-14 21:01:35 +08:00
parent 9c73bd9f7e
commit 14eebe3035

View File

@ -567,6 +567,32 @@ layui.define(['jquery', 'lay'], function(exports){
change(hsb.h, hsb.s, hsb.b, a);
})
});
if(!lay.touchEventsSupported()) return;
// 触摸事件模拟
layui.each([
{elem: side, eventType: 'click'},
{elem: alphacolor, eventType: 'click'},
{elem: basis, eventType: 'mousedown'}
], function(i, obj){
lay.touchSwipe(obj.elem, {
onTouchMove: function(e){
touchHandler(e, obj.eventType)
}
})
})
function touchHandler(event, eventType) {
var pointer = event.touches[0];
var simulatedEvent = document.createEvent("MouseEvent");
simulatedEvent.initMouseEvent(eventType,
true, true, window, 1,
pointer.screenX, pointer.screenY,pointer.clientX, pointer.clientY,
false, false, false, false, 0, null
);
pointer.target.dispatchEvent(simulatedEvent);
}
};
//颜色选择器hsb转换