移动js脚本到外部文件

我有一个div下面的代码移动一下，他移动按钮时，DIV：移动js脚本到外部文件

<input id="move1" class="smallButtonidle" type="button" value="M" style="top: 0px; left: 0px; float: left;" /> 
<script type="text/javascript"> 
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); 
</script>

我想移动这个js脚本到外部文件澄清我HTML

我修改我的HTML代码的方式如下：

<input id="move1" class="smallButtonidle" type="button" value="M" style="top: 0px; left: 0px; float: left;" onclick="move1js()"/>

，放入一个包括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); 
}

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

任何想法？

来源

2015-10-05 Laetis

你的内部JS在无法正常工作.. – Rayon

步骤为您的解决方案是：

创建一个JavaScript文件（扩展名为.js文件）。让假设该文件是moveDiv.js
将所有的JavaScript代码到这个新创建的文件，因为它是除了<script> & </script>标签。
提供参考。这个文件在你的HTML文件作为

<script src="moveDiv.js" type="text/javascript"></script>

这应该再次开始移动你的按钮。

来源

2015-10-05 07:02:33 Suyog

<script src="myscript.js"></script>

您是否将此插入HTML或HTML的正文？

来源

2015-10-05 06:55:19 Kurumi

移动js脚本到外部文件

回答

相关问题