将js脚本移至外部文件

4 浏览
0 Comments

将js脚本移至外部文件

我有以下代码在一个div中，可以在点击移动按钮时移动div：

我想将这段js脚本移动到外部文件中，以清晰我的html代码。

我通过以下方式修改了我的html代码：

并将其放入包含js的外部文件中：

function move1js()
{
var isDown1 = false;
document.getElementById('move1').addEventListener('mousedown', function(e1)
 {
    isDown1 = true;
    offset = [document.getElementById('jsmolwindow1').offsetLeft - e1.clientX,
        document.getElementById('jsmolwindow1').offsetTop - e1.clientY];
}, true);
window.addEventListener('mouseup', function() {
    isDown1 = false;
}, true);
window.addEventListener('mousemove', function(event) {
    if (isDown1) {
       mousePosition = {
          x : event.clientX,
         y : event.clientY
   };
        document.getElementById('jsmolwindow1').style.left = (mousePosition.x + offset[0]) + 'px';
        document.getElementById('jsmolwindow1').style.top  = (mousePosition.y + offset[1]) + 'px';
    }
}, true);
}

这样做后，我的移动按钮停止工作。我不明白为什么。

有什么想法吗？

0