【问题标题】:Html5 canvas how to stop cursor changing onwheelHtml5画布如何停止光标改变onwheel
【发布时间】:2011-02-08 17:22:29
【问题描述】:

在我的 Html5 画布上,当我在画布上悬停时使用滚轮向上或向下滚动时 - 画布会放大或缩小,类似于谷歌地图。

可惜浏览器自动将光标变为滚动光标,有没有办法停止默认功能?

【问题讨论】:

    标签: css html cursor default


    【解决方案1】:

    您使用的是什么操作系统和浏览器?这似乎是您的系统的问题,而不是 Canvas 本身的问题。

    默认情况下,Canvas 不对滚动事件做出反应,尽管您可以这样做。您是在某处使用网络上的示例代码,还是从头开始创建 Canvas?

    【讨论】:

    • 我在 Vista 和 windows 7 上使用过它,使用的是最新版本的 chrome IE Opera 和 Firefox。我想问题更多的是如何停止浏览器更改光标以进行任何轮子的移动。我从头开始创建画布并使用 onMouseWheel="wheel(event)" 调用我的功能轮,该轮与轮交互并执行以下功能:function handle(delta) {if(delta>0){document.getElementById('canvasdiv').style.cursor='-webkit-zoom-in';.. code to make canvas zoom in .. document.getElementById('canvasdiv').style.cursor='auto';} ... more code to make it zoom out
    • 哎呀,我误读了你的问题 - 我认为滚动行为是问题......哈哈抱歉。我会尝试将 css 属性 cursor: _type_ 应用于您的 canvas 元素。如果您想要常规箭头,请使用cursor: default,或者如果您希望它感觉更“互动”,您可以使用cursor: pointer。如果这不起作用,请告诉我!
    • 认为问题出在我的笔记本电脑上使用触摸板,不要认为可以阻止操作系统更改光标。无论如何感谢您的帮助!
    猜你喜欢
    • 1970-01-01
    • 2020-05-03
    • 2016-11-05
    • 1970-01-01
    • 2012-08-25
    • 1970-01-01
    • 1970-01-01
    • 2016-01-12
    • 1970-01-01
    相关资源
    最近更新 更多