Javascript拖放，addeventlist.-完全迷路了

javascript drag and drop, addeventlister. - totally lost

本文关键字：迷路 拖放 addeventlist Javascript      更新时间：2023-09-26

嘿，我不喜欢问这样开放的问题，但是，我对这个问题很困惑。我想弄清楚如何为触摸设备做拖放操作。我看过的所有关于拖放的在线教程都有一些奇怪的if(IE)语句，让人很难阅读，而且它们甚至不能在触摸设备上工作。这让我很抓狂，因为这在actionScript中很容易做到，而我还在学习JS。

令我沮丧的是，我甚至不能让addEventListener工作:

<html>
<head>
<title>Drag and Drop test</title>
<style type="text/css">
#box{
top:200px;
width:100px;
height:100px;
background:red;
position:relative;
}
#box2{
top:200px;
width:100px;
height:100px;
background:black;
position:relative;
}
</style>
</head>
<body>
<div id="box">something something something</div>
<div id="box2"></div>
<script type="text/javascript">
 function doSomething() {
  myImage.style.width = '200px';
}
var myImage = document.getElementById('box');
myImage.addEventListener('click', doSomething, false);
</script>
</body>
</html>

我实际上从另一个问题的答案中提取了addEventListener的代码，但它似乎不起作用。如果有什么重要的事的话，我正在进行狩猎旅行。由于

您肯定需要使用JavaScript框架。桌面web应用的DD复杂性已经够难的了，更不用说移动设备了。看看YUI3的拖放功能。它有一些移动支持:

在3.2.0中添加了原生手势支持到DD。这种支持是透明的，实现者不应该做任何事情来使用此功能。当使用dd时，加载程序将检查设备是否启动看看它是否包含对手势事件的支持，如果设备支持dd-gestures模块将自动加载这些事件因为它是依赖关系。此时，DD将像往常一样运行，但是它将利用原生手势事件而不是基于鼠标的事件。

相关文章：