-webkit-app-region:拖动不拖动无框窗口

时间:2015-11-03 08:14:00

标签: google-chrome-extension google-chrome-app

我正在设置属性-webkit-app-region:拖动到标题栏onmouseover事件并删除属性onmouseout事件。动态设置属性不会使无框窗口可拖动。

如果将drag属性通过类或内联属性添加到标题栏,则拖动功能正常工作。

 .titlebar {
    width: 100%;
    height: 32px;
    background-color: #B2E4BD;
    -webkit-app-region: drag;
}

但我希望只有当鼠标悬停在标题栏上时才能将拖动功能设置为标题栏,当鼠标移出标题栏时,应该从标题栏中删除拖动属性。

$('.titlebar').on('mouseenter', function(){
    $('.titlebar').css('-webkit-app-region', 'drag');
});

$('.titlebar').on('mouseout', function(){
    $('.titlebar').css('-webkit-app-region', 'no-drag');
});

0 个答案:

没有答案