перетаскивание javascript, addeventlister. - полностью потерян - PullRequest
Новая
       13

перетаскивание javascript, addeventlister. - полностью потерян

1 голос
/ 21 июля 2011

Эй, мне не нравится задавать такие открытые вопросы, но я совершенно заблудился с этим.Я пытаюсь понять, как сделать перетаскивание специально для сенсорных устройств.Все онлайн-уроки, которые я видел для перетаскивания, содержат некоторые странные операторы 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 из ответа на другой вопрос, но, похоже, он не работает,Я запускаю сафари, если это важно.Спасибо

1 Ответ

0 голосов
/ 21 июля 2011

Вам определенно нужно использовать JavaScript-фреймворк.Сложность DD в настольном веб-приложении достаточно сложна, не говоря уже о мобильном устройстве.Взгляните на перетаскивание YUI3 .Он имеет какую-то мобильную поддержку:

Встроенная поддержка жестов была добавлена ​​в DD в 3.2.0.Эта поддержка прозрачна, и разработчику не нужно ничего делать, чтобы использовать эту функциональность.Когда используется dd, загрузчик проверит устройство на наличие поддержки событий Gesture, если устройство поддерживает эти события, модуль dd-gestures будет автоматически загружен, а также его зависимости.На этом этапе DD будет работать как обычно, но он будет использовать собственные события жестов вместо событий на основе мыши.

...