【问题标题】:NWjs: Chat head click not working if -webkit-app-region: drag is setNWjs:如果-webkit-app-region:设置了拖动,则聊天头单击不起作用
【发布时间】:2016-09-08 04:41:53
【问题描述】:

我正在尝试创建一个在用户不聊天时具有聊天头的聊天应用程序。在聊天头上点击我想打开聊天列表。

问题

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

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

请建议我该怎么做。

【问题讨论】:

    标签: javascript jquery css webkit node-webkit


    【解决方案1】:

    我找不到任何记录在案的解决方案,但是在 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;
        });
    });
    

    【讨论】:

    • 我建议添加一个监听器 $('#chatIcon').dblclick 和 document.documentElement.requestFullscreen();完全模拟 -webkit-app-region 行为
    猜你喜欢
    • 1970-01-01
    • 2014-10-06
    • 2016-12-11
    • 1970-01-01
    • 2020-07-25
    • 2014-11-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多