如何判断SVG事件对象中的鼠标来源?

SVG中会经常遇到判断鼠标事件来源的问题,比如:鼠标单击或者双击、滚轮事件等等。这里做一个简单的介绍。

判断鼠标是左键还是右键?

在onclick事件中,if(evt.button==0)则为左击,否则为右击

       无论单击还是双击evt.detail==1

判断鼠标是单击还是双击?

在onclick事件中,if(evt.detail==2)则为双击,否则为单击

 

判断鼠标的滚轮事件?

function mousewheel()
{
   origscale=root.currentScale;
   origscale +=event.wheelDelta / 1200;
   if (origscale > 0)
   {
      root.currentScale=origscale;
      root.currentTranslate.x=midx*root.currentScale+event.offsetX*(1-root.currentScale/midscale);
   root.currentTranslate.y=midy*root.currentScale+event.offsetY*(1-root.currentScale/midscale);

   midscale=root.currentScale;
   midx=root.currentTranslate.x/root.currentScale;
   midy=root.currentTranslate.y/root.currentScale; 
   }
}

转载于:https://www.cnblogs.com/hetonghai/articles/748126.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/411922.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

电商 APP 下单页(俗称车2) 业务流程概要设计

购物车是电商APP的一个关键功能点,一般购物车包含 3~4 个页面,分别是: 1.购物车的商品列表页 2.商品下单页 3.订单付款页面 4.订单付款成功页面 由于现有购物车逻辑相对混乱,这里重新整理一下商品下单页的业务流程设计…

[vue] 怎么访问到子组件的实例或者子元素?

[vue] 怎么访问到子组件的实例或者子元素? this.$refs个人简介 我是歌谣,欢迎和大家一起交流前后端知识。放弃很容易, 但坚持一定很酷。欢迎大家一起讨论 主目录 与歌谣一起通关前端面试题

php求数组交集的自定义函数,php数组交集函数

在数学中的交集运算,大家在学习的时候还是比较轻松的。我们在php数组里,可以借助array_intersect()函数对两个数组求交集,最后得到一个想要的交集数据。在正式开始array_intersect()使用前,我们需要先对函数的概念、语法、参数、返…

DNS溢出内测

编译的两个版本/Files/allyesno/DNS.rar 转载于:https://www.cnblogs.com/allyesno/archive/2007/05/28/762460.html

工作374-前端margin:0 auto为什么会失效

1.要给居中的元素一个宽度,否者无效。 2.该元素一定不能浮动,否者无效。 3 在HTML中使用标签,需考虑好整体构架,否者全部元素都会居中的。 4.display:table-cell display:table-cell属性指让标签元素以…

Hessian之简单使用

以下是简单的hessian服务代码&#xff1a; 1.导包 <dependency> <groupId>com.caucho</groupId> <artifactId>hessian</artifactId> <version>4.0.38</version></dependency> 2.编写HessianServerProxyExporter类&#…

aix 7 oracle 10g,在64位aix上安装oracle10g

在aix中安装oracle比linux要方便许多,不需要先设置什么内核参数.设置好oracle用户,组,这些与在linux上安装一样.分配空间,在profile中设置bin目录的路径,oracle_home变量,这些常规的配制就不多说了,大同小异.在aix中,oracle提供了一些工具,可以拿来做安装前的检查工作.工具是va…

为什么我也开博

为什么我也开博&#xff1f;其实很早就想写点东西了&#xff0c;可是一直没有时间&#xff0c;不过&#xff0c;现在想想即使当时写了&#xff0c;还真不知道写点什么。是工作这几个月来的一些经历&#xff1f;还是学习当中的一些小技巧&#xff1f;还是刚刚进入这个行业的困惑…

[vue] 在组件中怎么访问到根实例?

[vue] 在组件中怎么访问到根实例&#xff1f; 通过this.$root个人简介 我是歌谣&#xff0c;欢迎和大家一起交流前后端知识。放弃很容易&#xff0c; 但坚持一定很酷。欢迎大家一起讨论 主目录 与歌谣一起通关前端面试题

2016 hctf fheap 题解

题目链接 https://github.com/zh-explorer/hctf2016-fheap 题目分析 题目功能只有 malloc 和 free 的功能&#xff0c;查看堆的布局&#xff1a; 全局指针没有置空&#xff0c;导致 uaf 和 double free 漏洞&#xff0c;两种都可以做&#xff0c;但是这题的重点是绕过 PIE。 do…

[vue] 在子组件中怎么访问到父组件的实例?

[vue] 在子组件中怎么访问到父组件的实例&#xff1f; 通过this.$parent个人简介 我是歌谣&#xff0c;欢迎和大家一起交流前后端知识。放弃很容易&#xff0c; 但坚持一定很酷。欢迎大家一起讨论 主目录 与歌谣一起通关前端面试题

linux 文件拆分 合并,Linux下文件的切分与合并的简单方法

linux下文件分割可以通过split命令来实现&#xff0c;可以将一个大文件拆分成指定大小的多个文件&#xff0c;并且拆分速度非常的快&#xff0c;可以指定按行数分割和安大小分割两种模式。Linux下文件合并可以通过cat命令来实现&#xff0c;非常简单。在Linux下用split进行文件…

Docker: Jenkins里的pipeline编写基本技巧

Jenkins里&#xff0c;先新建一个pipeline项目 Pipeline Syntax 在Sample Step里选择需要的插件&#xff0c;如果不存在&#xff0c;就去系统管理&#xff0c;插件管理里&#xff0c;进行安装。 如果源码管理工具用的是git,就在下拉里选择git 如果源码管理用的是svn&#xff0c…

[vue] 说说你对Object.defineProperty的理解

[vue] 说说你对Object.defineProperty的理解 Object.defineProperty定义新属性或修改原有的属性&#xff1b; vue的数据双向绑定的原理就是用的Object.defineProperty这个方法&#xff0c;里面定义了setter和getter方法&#xff0c;通过观察者模式&#xff08;发布订阅模式&am…

非等值连接,外连接,自连接,子查询

非等值连接,外连接,自连接,子查询 非等值连接: select empno,ename,sal,grade from emp,salgrade where sal between salgrade.losal and salgrade.hisal; 外连接: select * from emp,dept where dept.deptnoemp.deptno(); 除了部门号相同的外,还加上了emp中没有而dept中包含的…

linux内核模块编写,Linux内核模块编程

1 总体设计思路Linux内核是单体式结构&#xff0c;相对于微内核结构而言&#xff0c;其运行效率高&#xff0c;但是系统的可维护性和可扩展性较差。为此&#xff0c;Linux提供了内核模块(module)机制&#xff0c;它不仅可以弥补单体式内核相对于微内核的一些不足&#xff0c;而…

函数式编程(一)

一、特征 函数式一等公民 强调将计算过程分解成可以复用的函数 纯函数、没有副作用 二、compose function compose(...funcs) {if(funcs.length 0){return (args)> args; }if(funcs.length 1){return funcs[0]; }return funcs.reduce((a,b)>(...args)>b(a(...args))…

[vue] vue组件里写的原生addEventListeners监听事件,要手动去销毁吗?为什么?

[vue] vue组件里写的原生addEventListeners监听事件&#xff0c;要手动去销毁吗&#xff1f;为什么&#xff1f; 需要&#xff0c;原生DOM事件必须要手动销毁&#xff0c;否则会造成内存泄漏个人简介 我是歌谣&#xff0c;欢迎和大家一起交流前后端知识。放弃很容易&#xff…

《解剖PetShop》系列之三

《解剖PetShop》系列之三 三、PetShop数据访问层之消息处理 在进行系统设计时&#xff0c;除了对安全、事务等问题给与足够的重视外&#xff0c;性能也是一个不可避免的问题所在&#xff0c;尤其是一个B/S结构的软件系统&#xff0c;必须充分地考虑访问量、数据流量、服务器负荷…

linux下带密码的scp,linux下带密码的scp

from linux下带密码的scp (2014-03-10 12:35:46)背景&#xff1a; 需要将一台机器的数据传输到另外一台机器上&#xff0c;两台机器没有信任关系&#xff0c;没有数据源一方没有ftp或者http&#xff0c;无法进行wget 解决方法&#xff1a; 在其中一台机器安装expect&#xff0c…