1
私はページ内の特定のdiv
を持っていると私はこれを行う必要があるためdivの上にある場合にアラートを表示: マウスが2秒
ユーザーマウスが出て移動せずに
、その後、警告が表示されますdiv
2秒に立って
どこから始めるべきか、何をするか、どのように作成するかわからないので、ここに来ました。
ウェブで検索しましたが、結果はありませんでした。チュートリアル、リソース、ガイド、または例は素晴らしいでしょう。
私はページ内の特定のdiv
を持っていると私はこれを行う必要があるためdivの上にある場合にアラートを表示: マウスが2秒
ユーザーマウスが出て移動せずに
、その後、警告が表示されますdiv
2秒に立って
どこから始めるべきか、何をするか、どのように作成するかわからないので、ここに来ました。
ウェブで検索しましたが、結果はありませんでした。チュートリアル、リソース、ガイド、または例は素晴らしいでしょう。
要素の上に乗るときは、setTimeout
を使用して、アラートボックスを要求します。遅延時間は2000ミリ秒(2秒)です。ユーザーがマウスを動かすと、clearTimeout
とsetTimeout
を使用してタイマーをリセットします。
例、フィドル:偉大な作業だhttp://jsfiddle.net/6SyLb/1/
var div = document.getElementById("thediv");
function alerter(){
alert("Test")
timer = setTimeout(alerter, 2000);
}
var timer;
div.onmousemove = function(){
clearTimeout(timer);
timer = setTimeout(alerter, 2000)
};
div.onmouseover= function(){
clearTimeout(timer);
timer = setTimeout(alerter, 2000)
}
div.onmouseout = function(){
clearTimeout(timer);
};
、私は、できるだけ早く私はできる限り解決として感謝をマークします。 –
実際にはマウスを動かさなくても、mousemoveは非常に多くのミリ秒ごとに起動されるため、これはChromeでは動作しません。http://jsfiddle.net/6SyLb/2/ – pimvdb
@pimvdb 'event.pageX'、' event.pageY'の値の比較チェックを追加するだけです:http://jsfiddle.net/6SyLb/3/ –