2012-03-29 8 views
1

クエリのonmoveに相当する名前は何ですか。ここではonmoveがストレートjavascriptで何をしているのですか?jqueryのonmoveイベントに相当します。

IEのサポートのみ:

は、要素の左上隅の位置が変更されたときに発生します。

jqueryにこれを行うイベントがありますか?

+1

要素の位置変更をトリガする要素は何ですか?関数に、それが何をしているのかを示すコメントをリンクするだけです。 –

+0

ドラッグイベントの後に要素が移動した場合は、JQuery-UI Draggableの「stop」、「start」または「drag」イベントを使用することができます。その動きについて通知を受ける。 – giocarmine

答えて

0

ネイティブイベントリスナーを使用できません。ただし、要素を移動させる関数に関数を配置して、それを達成することができます。例えば

<div id="box"></div> 
<script> 
    function blah(){ 
     //onmove things... 
    } 

    function movebox(e){ 
     blah(e); //link to the function 
    } 
</script> 
0

要素の位置は比較的文書による理由の数を変更することができる - である、見た後に小さなプレビュー画像を示すHTML5ビデオのようなエッジケースを含みますクリック、キーアップ、リロードなどのイベントを聞いてカバーすることはできません。

jQueryのビルトインonmoveをサポートしていないので、あなたができる最善の策、あなたの要素はできる本当に移動し、やったかどうか、あなたの要素を移動して、フィルタリングができ、多くのイベントをキャッチされます現在のjQuery.fn.offset()の値と前回のイベントの出現時の値を比較することによって実行できます。あなたの要素を移動させることができる

両最も重要なイベント(ページ生成やウィンドウのサイズ変更)は、このソリューションによって覆われている:あなたのDOMが変更される可能性がある場合は

jQuery(window).on('load resize', function() { 
    /* code here... */ 
} 

、あなたの代わりにこれを使用することができます:

jQuery(window).on('load resize DOMSubtreeModified', function() { 
    /* code here... */ 
} 

hereのように、最後のものは慎重に使用してください。これらのイベントBecaues

が非常に頻繁にと呼ばれ、それはよう(あなたの要素の位置が本当に変更をしたことを、あなたはイベントごとに任意の複雑なタスクを実行するか、少なくともチェックしていないことを、あなたの顧客のPCのために重要です上記の通り)。

関連する問題