【发布时间】:2016-09-08 04:41:53
【问题描述】:
我正在尝试创建一个在用户不聊天时具有聊天头的聊天应用程序。在聊天头上点击我想打开聊天列表。
问题
为了让聊天头可以拖动,我设置了-webkit-app-region: drag
-webkit-app-region 的问题在于,如果设置了,则鼠标点击不起作用。
请建议我该怎么做。
【问题讨论】:
标签: javascript jquery css webkit node-webkit
我正在尝试创建一个在用户不聊天时具有聊天头的聊天应用程序。在聊天头上点击我想打开聊天列表。
问题
为了让聊天头可以拖动,我设置了-webkit-app-region: drag
-webkit-app-region 的问题在于,如果设置了,则鼠标点击不起作用。
请建议我该怎么做。
【问题讨论】:
标签: javascript jquery css webkit node-webkit
我找不到任何记录在案的解决方案,但是在 github 上我找到了解决方法
这里是解决方法
$(document).ready(function () {
var wX = 0;
var wY = 0;
var dragging = false;
$('#chatIcon').mousedown(function (e) {
dragging = true;
wX = e.pageX;
wY = e.pageY;
});
$(window).mousemove(function (e) {
e.stopPropagation();
e.preventDefault();
if (dragging) {
var xLoc = e.screenX - wX;
var yLoc = e.screenY - wY;
try {
window.moveTo(xLoc, yLoc);
} catch (err) {
console.log(err);
}
}
});
$(window).mouseup(function () {
dragging = false;
});
});
【讨论】: