onResizeEnd

オブジェクトがリサイズされた後に発生するイベントです。Windows版Internet Explorer 5.5以降で利用できます。

構文

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

例文

<html>
 <head>
  <title>onResizeEnd</title>
  <script type="text/javascript"><!--
  var flag = false;
  window.onload = function() {
   document.execCommand("2D-position", false, true);
   document.body.onresizestart = eventResizeStart;
   document.body.onresizeend = eventResizeEnd;
  }
  function eventResizeStart() {
   flag = false;
   document.getElementById("result").innerHTML += "Resize Start, ";
  }
  function eventResizeEnd() {
   document.getElementById("result").innerHTML += "Resize 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>

関連記事

スポンサーリンク

<!-- --> コメント(注釈)を入れる

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

上に戻る