Javascript在内部工作,而不是在外部
Javascript works Internally but Not Externally
js代码似乎是工作时,我放置在HTML代码,但不工作时,我把它放在外部可以有人请解释为什么?当放置在外部时,我将脚本标签放在</body>
之前这是HTML代码,JS
代码是一个简单的可拖动div
HTML
<html>
<head>
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div id="container">
<div id="main-view">
<h1>Hello Welcome to the Site</h1>
<div id="dxy"> <!--Draggable -->
<p>Hello Drag me Around!</p>
</div>
</div>
</div>
<script type="text/javascript" src="js/drag.js"></script>
</body>
</html>
JS
window.onload = addListeners();
function addListeners(){
document.getElementById('dxy').addEventListener('mousedown',mouseDown,false);
window.addEventListener('mouseup',mouseUp,false);
}
function mouseUp(){
window.removeEventListener('mousemove',divMove,true);
}
function mouseDown(e){
window.addEventListener('mousemove',divMove,true);
}
function divMove(e){
var div = document.getElementById('dxy');
div.style.position = 'absolute';
div.style.top = e.clientY + 'px';
div.style.left = e.clientX = 'px';
}
window.onload = addListeners();
必须是
window.onload = addListeners;
相关文章:
- 正在$rootScope上达到控制器作用域$在内部控制器上
- 在内部映射值时渲染方法中断
- js和css文件-在publichtml外部或内部
- 函数参数在内部不可见,返回新的Promise(函数(resolve,reject).传递给被promise化的函数的
- 如何在内部脚本完全加载后运行脚本
- 在内部JavaScript函数中包含外部对象
- JS Promises如何在内部工作
- V8中如何在内部表示对象
- JavaScript 在内部函数中保留一个 var
- 无法创建带有箭头的Jssor Slider并在内部显示2个片段
- CSS和Javascript可以在内部服务器上工作,但不能在外部工作
- 如何使用JavaScript确定用户是在内部网络还是外部网络中
- 如何在内部异步函数完成运行后调用外部函数返回
- 颜色框代码在Umbraco外部工作,但在内部不工作
- AngularJS外部ng重复不在内部ng重复上注册手表
- 在内部定义了一个数组,在外部调用时返回undefined
- 如何调用外部"this"在内部函数中
- Javascript在内部工作,而不是在外部
- 在元素外部(但不在内部)单击时关闭/隐藏该元素
- 在方法的回调函数外部和内部返回值的差异