如何使用鼠标</dialog>移动<dialog>元素

Question

我正在处理一个简单的<dialog>元素。我需要一个机会移动我的对话窗口，并在显示时用鼠标改变它的大小，因为现在它只在窗口中有一个静态的固定大小位置。用纯JS可以轻松实现吗？

HTML：

<dialog id="myDialog">
    This is a dialog window
</dialog>

JS：

function showMe() {
    document.getElementById("myDialog").show(); 
}

Answer 1

DIALOG标签目前没有此功能。

我认为您最好使用jQuery's dialog来实现此功能。

或者查看此non-jQuery draggable example，以防您无法使用jQuery。