NWjs:如果设置了 -webkit-app-region: 拖动,聊天头点击不起作用
NWjs: Chat head click not working if -webkit-app-region: drag is set
我正在尝试创建一个聊天应用程序,当用户不聊天时它有聊天头。在聊天头点击我要打开聊天列表。
问题
为了让聊天头像可以拖动,我设置了 -webkit-app-region: drag
-webkit-app-region
的问题是,如果设置了它,则鼠标点击不起作用。
请建议我该怎么做。
我找不到任何记录在案的解决方案,但是在 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;
});
});
我正在尝试创建一个聊天应用程序,当用户不聊天时它有聊天头。在聊天头点击我要打开聊天列表。
问题
为了让聊天头像可以拖动,我设置了 -webkit-app-region: drag
-webkit-app-region
的问题是,如果设置了它,则鼠标点击不起作用。
请建议我该怎么做。
我找不到任何记录在案的解决方案,但是在 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;
});
});