我正在尝试创建一个聊天应用程序,当用户不聊天时它有聊天头。在聊天头上单击我要打开聊天列表。
问题
为了让聊天头像可以拖动,我设置了-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;
});
});
关于javascript - NWjs : Chat head click not working if -webkit-app-region: drag is set,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37185354/