0

マウスの速度を検出したい。たとえば、検出された数値が 5 より大きい場合にのみイベントが発生する

似ていると思う例を1つ見つけました：http://www.loganfranken.com/blog/49/capturing-cursor-speed/

しかし、div内にある数字を表示し、結果の数字に基づいてイベントを発生させることはできません。これが私の試みです:

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="jquery.cursometer.1.0.0.min.js"></script>

<script>

$(function() {

var $speedometer = $('#speedometer');

$('#test-area').cursometer({
    onUpdateSpeed: function(speed) {
        $speedometer.text(speed);
    },
    updateSpeedRate: 20
});




    $("#test-area").mouseover(function(){

    if(this.value > 5) {
        console.log("asdasd");
    }

    else {
        console.log("bbb");
    }



})

});

</script>

<style>
#test-area
{
    background-color: #CCC;
    height: 300px;
}
</style>

</head>

<body>
<div id="test-area"></div>
<div id="speedometer"></div>


</body>
</html>
4

1 に答える 1

1

(私はここで問題を引き起こしているプラ​​グインの作成者です)

this.valueは速度を参照していないため (それは です)、この例は機能していませんundefined。これがあなたの例の更新版です: http://jsfiddle.net/eY6Z9/

HTML 要素のテキスト値内ではなく、変数に速度値を格納する方がおそらく効率的です。その機能強化を備えた更新版は次のとおりです。 http://jsfiddle.net/eY6Z9/2/

それが役立つことを願っています!

于 2013-11-12T01:32:08.567 に答える