ボタン上でマウスを押している間に、ウィンドウをスクロールしたい

締切済

質問者：nakata321
質問日時：2008/02/23 09:00
回答数：2件

フォームボタンを押している間、インラインフレームのウィンドウをスクロールしたいのですが
思うように動作してくれません。

最初、タグのonmousedown属性とonmouseup属性を使用して
簡単に実装できると思っていたのですが
mouseupのイベントがうまく拾えないようで、あきらめました。

下記のようなマウスドラッグのサンプルソースがあったので
こちらを改造しようと思ったのですが、いろいろいじってみてもだめでした。

「マウスが離された」というイベントはどうすれば拾えるのでしょうか？
IE限定の動作を予定しています。
よろしくお願いいたします。

<script type="text/javascript">
//tab→全角スペース
//マウスをクリックして動かしている間だけスクロールする

　window.document.onmousemove = scrollSubWindow;
　window.document.onmouseup = scrollOff;

　scrollFlag = false;

　function scrollOn()
　{
　　scrollFlag = true;
　}
　
　function scrollOff()
　{
　　scrollFlag = false;
　}
　
　function scrollSubWindow()
　{
　　if( !scrollFlag ) return;
　　Dummy.scrollBy( 0, 10 );
　　return false;
　}
　
</script>

<iframe src="dummy.html" name="Dummy" width=200 height=200></iframe>
<input type="button" value="下へ" onMousedown="scrollOn()" style="width: 200px; height: 200px;">

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

最新から表示
回答順に表示

No.2

回答者： auty
回答日時：2008/02/25 15:14

nakata321さん、

これは「タイマーイベント」です。

　　　「時間が経過したら呼んでください。」

ということですね。

- 0
- 件

通報する

No.1

回答者： auty
回答日時：2008/02/23 12:42

以下のコードを参考にしてみてください。

----------------------------------------------------------------
<script language="JavaScript" type="text/javascript">

</script>
</head>

<body>
<iframe src="dummy.html" name="Dummy" width=200 height=200></iframe>
<input type="button" value="下へ" onmouseDown="scrollOn()" onmouseUp="scrollOff()" style="width: 200px; height: 200px;">
</body>