• 欢迎访问本网站,技术教程,资源分享,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站,欢迎加入东蓬莱!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏东部蓬莱吧

Canvas:在canvas区域内双击会选中整个canvas的问题解决办法

前端开发 Jokul 11个月前 (07-08) 90次浏览 0个评论 扫描二维码

问题现象

点击canvas绘制选中框,其中当点击速度过快时,就会选中整个canvas,使整个canvas背景颜色变成蓝色

解决方案

使用

onselectstart="return false;"

onselectstart几乎可以用于所有对象,其触发时间为目标对象被开始选中时(即选中动作刚开始,尚未实质性被选中)。该事件常使用于使目标对象“禁止变蓝”,比如在很多地方当用户双击时,一些元素会变成蓝色(选中状态),而当我们要避免这种情况时就可以使用该事件。

与此功能相似的还有onselect,它是在文本框(input、textarea)内的文本被选中时所触发的事件,其触发时间是在文本被选择以后(即文本已经被选择,已经显式的表现出来)。该事件只被input和textarea标签支持。

注:
1、onselectstart事件不被input和textarea标签支持,而onselect事件只被input和textarea支持;
2、Firefox/Opera不支持onselectstart事件Firefox中可以使用CSS “-moz-user-select:none”属性来禁止文本选定;
3、webkit浏览器可以使用“-khtml-user-select”,当然也可以使用onselectstart事件来阻止用户选定元素内文本;


东部蓬莱 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:Canvas:在canvas区域内双击会选中整个canvas的问题解决办法
喜欢 (0)
[支付宝]
分享 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址