使用jQuery檢測鼠標速度

Question

我想檢測鼠標速度，例如，僅當檢測到的數字大於5時才會觸發該事件

我發現了一個我認為類似的示例： 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>

Answer 1

（我是在這里引起麻煩的插件的作者）

該示例無法正常工作，因為this.value並未引用速度（它是undefined ）。 這是您示例的更新版本： http : //jsfiddle.net/eY6Z9/

將速度值存儲在變量中而不是在HTML元素的文本值中存儲可能會更有效。 這是具有此增強功能的更新版本： http : //jsfiddle.net/eY6Z9/2/

希望有幫助！

使用jQuery檢測鼠標速度

問題描述

1 個解決方案

解決方案1
1 2013-11-12 01:32:08

使用jQuery檢測鼠標速度

問題描述

1 個解決方案

解決方案1 1 2013-11-12 01:32:08

解決方案1
1 2013-11-12 01:32:08