javascript - NWjs : Chat head click not working if -webkit-app-region: drag is set

标签 javascript jquery css webkit node-webkit

我正在尝试创建一个聊天应用程序,当用户不聊天时它有聊天头。在聊天头上单击我要打开聊天列表。

enter image description here

问题

为了让聊天头像可以拖动,我设置了-webkit-app-region: drag

-webkit-app-region 的问题在于,如果设置了它,则鼠标点击不起作用。

请建议我该怎么做。

最佳答案

我找不到任何记录在案的解决方案,但是在 github 上我找到了解决方法

来源:Git disussion thread

这是解决方法

$(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/

相关文章:

html - 带背景色的透明边框

javascript - 无法使 ng-repeat 与 Angular Material 一起工作

javascript - (AngularJS) 全局替换数组中的值的最有效方法

javascript - 以美元货币显示 JSON 值(前置 $ 美元符号)

jQuery 通过数据类型选择

jquery - 当在 asp :button 的客户端单击事件上调用该方法时,调试器控制台中的 WebService 方法请求消失

html - 给一个元素一个默认高度,但强制它缩小以适应它的父元素(只有当它达到指定的最小高度时才允许它溢出)

javascript - 检查 URL 是否在 Javascript 中损坏

javascript - 限制 Keyup 上 AJAX 请求的触发次数

html - ng-show/ng-hide 在 safari 中导致元素宽度为 0,高度为 0