onMoveEnd

オブジェクトが移動し終わった後に発生するイベントです。Windows版Internet Explorer 5.5以降で利用できます。

構文

<タグ名 onMoveEnd="イベント発生時の処理">
オブジェクト.onmoveend = "イベント発生時の処理"

例文

<html>
 <head>
  <title>onMoveEnd</title>
  <script type="text/javascript"><!--
  var flag = false;
  window.onload = function() {
   document.execCommand("2D-position", false, true);
   document.body.onmove = eventMove;
   document.body.onmovestart = eventMoveStart;
   document.body.onmoveend = eventMoveEnd;
  }
  function eventMoveStart() {
   flag = false;
   document.getElementById("result").innerHTML += "Move Start, ";
  }
  function eventMove() {
   if (!flag) {
    document.getElementById("result").innerHTML += "Move, ";
    flag = true;
   }
  }
  function eventMoveEnd() {
   document.getElementById("result").innerHTML += "Move End, ";
  }
  // --></script>
 </head>
 <body>
 <div contenteditable="true" style="width:500px;height:300px;border:1px solid black">
  <div id="mvDiv" style="position:absolute;width:200px;height:100px;background-color:orange;">Sample Box</div>
 </div>
 <div id="result"></div>
 </body>
</html>

関連記事

スポンサーリンク

location.assign

ホームページ製作・web系アプリ系の製作案件募集中です。

上に戻る