问Jquery.mousewheel:delta不变
EN

Stack Overflow用户

提问于 2013-01-19 11:46:26

回答 1查看 668关注 0票数 0

我尝试使用jquery.mousewheel插件来开发一个简单的演示。然而，增量从未改变过。我的代码如下：

<head>
    <script src="jquery-1.7.2.min.js"></script>
    <script src="jquery.mousewheel-3.0.4.pack.js"></script>
    <script type="text/javascript">
        $(function() {
            $("#myImage").mousewheel(function (event, delta) {
                var a = $("#txtResult").val()=="NaN"?0:parseInt($("#txtResult").val());
                var b = delta;

                $("#txtResult").val(a+b);
                event.stopPropagation();
                event.preventDefault();
        });
        });
    </script>
</head>
    <body>
        <img id="myImage" src="QQ截图20130119105432.png" style="width: 200px;height: 200px" />
        <input id="txtResult" type="text" value="0"/>
    </body>

当我在将鼠标移到图像上后操作鼠标滚轮时，$("#txtResult").val()从未改变。有什么想法吗？

jquery

jquery-plugins

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-01-19 11:52:44

您的javascript代码错误。应该是这样的：

$(function () {
    $("#myImage").mousewheel(function (event, delta) {
        var a = parseInt($("#txtResult").val());
        var b = delta;

        $("#txtResult").val(a + b);
        event.preventDefault();
    });
});

parseInt会将null解析为0，因此不需要额外的检查。而且，在这种情况下，event.stopPropagation();是无用的。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/14410895

复制

相似问题

问Jquery.mousewheel:delta不变
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Jquery.mousewheel:delta不变EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Jquery.mousewheel:delta不变
EN