2011-07-21 10 views
1

私はこのような未来の質問をするのが好きではありませんが、私はこれでかなり失われています。私はどのようにタッチデバイスのために特にドラッグアンドドロップを行うのか把握しようとしています。ドラッグ&ドロップで見たオンラインチュートリアルには、(IE)文が読みにくく、タッチデバイスでも機能しないものがあります。これはactionScriptでやるのがとても簡単で、私はまだJSを学んでいるので、私は夢中です。私の狼狽への多くのjavascriptドラッグアンドドロップ、addeventlister。 - 完全に失われた

私も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ためにこのコードを引っ張ったが、動作するようには思えません。 重要なのは私がサファリを実行しているところです。ありがとう

+0

ブラウザ間のDOMコードを書くことの苦労を緩和するために、JqueryやDojoなどのいくつかのJavascriptフレームワークを参照することを強くお勧めします。 – hugomg

+0

私はちょうどJavascriptでそれを学びたかったので、私はそれを使用するだけでなく理解することができました。それは理にかなっていますか?また、私はこの特定のプロジェクトに対してクロスブラウザサポートを提供することに興味はありません。 – kugyousha

+0

もちろん。 DOMを操作したり、物をスタイリングしたり、イベントを処理したりするのが最も不満な部分です。 – hugomg

答えて

0

あなたは間違いなくJavaScriptフレームワークを使用する必要があります。デスクトップWebアプリケーションのDDの複雑さは、モバイルデバイスだけでなく、難しいものです。 YUI3's Drag and Dropをご覧ください。

ネイティブジェスチャーサポートが3.2.0でDDに追加されました。このサポートは であり、実装者はこの機能を に使用するために何もする必要はありません。 ddを使用すると、ローダーはデバイスを にチェックします。デバイスがこれらのイベントをサポートしている場合、ジェスチャーイベントがサポートされているかどうかを確認します.dd-gesturesモジュールは自動的に としてロードされます。この時点でDDは通常どおり動作しますが、 マウスの代わりにネイティブジェスチャーイベントを使用します。 イベント。