外でマウスアップした時のイベント

解決済

質問者：kingfruits
質問日時：2008/12/17 15:05
回答数：4件

以下htmlは[up]の上でマウスダウンすると[down]に、[down]の上でマウスアップすると[up]になります。
しかし、[up]の上でマウスダウンして、[down]に変わった後[down]の外でマウスアップすると[down]のままになってしまいます。
このように、外でマウスアップした場合でも[up]の表示としたいのですが、なにかよい方法はないでしょうか？

FlashのAcitoscriptでいうところのreleaseOutsideを検知したいです。

<html>
<head>
<script>
window.onload = function(){
var Drag = 0;
i = function(id){ return document.getElementById(id) };
i('o').onmousedown = function(){i('o').innerHTML='[down]'; }
i('o').onmouseup = function(){ i('o').innerHTML='[up]'; }
}
</script>
<div id="o">[up]</div>
</body>
</html>

通報する

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

質問の本文を隠す

回答 (4件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： chara0-m
回答日時：2008/12/17 17:08

こんな感じでどうでしょうか？

<html>
<head>
<script>

window.onload = function(){

var flag = false;
i = function(id){
return document.getElementById(id)
};

i('o').onmousedown = function(){
flag = true;
i('o').innerHTML='[down]';
};

document.onmouseup = function(){
if( flag == false ) return;
flag = false;
i('o').innerHTML='[up]';
};

}

</script>
<div id="o">[up]</div>
</body>
</html>

この回答への補足

chara0-mさん
ご回答ありがとうございます。

概ね良好なのですが、カチカチいじってるとマウスアップしてるのに[down]のままになる事があります。
どのような動作をさせた時に発生するのか断定は難しいのですが、
反転させてドラックの様な動作をした際に禁止のマークが出た後でしょうか。IEで発生します。

補足日時：2008/12/17 18:23

通報する