SVG事件响应
1 UIEvents(用户界面事件) focusin(onfocusin):一个元素获得焦点(例如,一段文本被选中) focusout(onfocusout):一个元素失去焦点(例如,一段文本放弃被选中) activate(onactivate):一个元素通过被单击而激活,或者单击了“enter”键或“shift+enter”键。 2 MouseEvents(鼠标事件) click(onclick):一个指针设备(例如,鼠标)在一个元素上进行单击,“mousedown”和“mouseup”事件会伴随发生在同样的位置。如果多次在同一个位置双击,那么evt.detail 属性的值会变成2;单击的话是1,所以可以据此判断是双击还是单击。 mousedown(onmousedown):鼠标在一个元素上按下。 mouseup(onmouseup):鼠标在一个元素上被释放,也就是按键弹起。 mouseover(onmouseover):鼠标在一个元素上悬停。 mousemove(onmousemove):鼠标移动经过一个元素。 mouseout(onmouseout):鼠标从一个元素移开。 onclick="showBTT()" begin="click" <rect id="rect1" onclick="showBTT()" x="12" y="12" width="100" height="80" style="fill:url(#Gradient_Linear)"> <animate id="a1" attributeName="width" begin="click" to="300" dur="5s" fill="freeze"/> <animate attributeName="width" to="100" begin="a1.end" dur="5s" fill="freeze"/> <set attributeName="fill" to="yellow" begin="a1.begin + 3s" dur="4s"/> </rect> 注意:当鼠标在一个元素上单击的时候,三个事件的发生顺序为onmousedown、onmouseup、onclick。 3 KeyEvents(键盘事件) KeyEvents(键盘事件),至今仍不是SVG标准的一部分,但是很多SVG解析器都支持) keydown(onkeydown):按下一个键。 keyup(onkeyup):释放一个键。 keypress(onkeypress):按下并释放一个键。 4 SVGEvents(SVG文档事件) SVGLoad(onload):当客户端完全解析了SVG文档或者其中的元素,或者所需的外部资源已 经准备好的时候会触发此事件,此时已经准备开始渲染SVG图像。 SVGUnload(onunload):当SVG文档从浏览器窗口或者某个框架中被删除后会触发此事件, 此事件只能应用在<SVG>元素上。 SVGAbort(onabort):当正在载入的文档或者元素被中止时会触发此事件。 SVGError(onerror):当载入一个元素或者当执行脚本发生错误时,都会触发此事件。 SVGResize(onresize):当嵌入有SVG文档的浏览器窗口或者框架的尺寸发生改变时会触发此 事件,此事件也只能应用在“<SVG>”元素上。 SVGScroll(onscroll):当用户拖动窗口的滚动条或者浏览文档视图时,或当通过脚本改变了 “currentTranslate”属性值时,都会触发此事件,此事件也只能应用在<SVG>元素上。 SVGZoom(onzoom ):当用户缩放SVG文档视图时,或当通过脚本改变了“currentScale”属性 值时,都会触发此事件,此事件也只能应用在<SVG>元素上。 5 SMILEvents(SMIL动画事件) beginEvent(onbegin):当动画开始时触发此事件,此事件对动画元素有效。 endEvent(onend):当动画结束时触发此事件,此事件对动画元素有效。 repeatEvent(onrepeat):当动画重复播放时触发此事件,此事件对动画元素有效。 6 MutationEvents(DOM 树变化事件) DOMSubtreeModified(none):常规事件,通告一个元素或一个文档所有的变化。 DOMNodeInserted(none):当一个新节点被插入到给定的父节点时的通知事件。 DOMNodeRemoved(none):当一个节点从父节点中删除时的通知事件。 DOMNodeRemovedFromDocument(none):当一个节点从文档中删除的时,无论这种删除是 节点直接被删除,还是它的祖先节点被删除导致它跟着被删除,都会生成该通知事件。 DOMNodeInsertedIntoDocument(none):当一个节点被插入到文档中,无论是直接插入还是 随着祖先节点的插入而插入,都会生成该通知事件。 DOMAttrModified(none):当一个给定节点的属性被修改时生成该通知事件。 DOMCharacterDataModified(none):当一个节点(例如文本元素)内的字符数据被改变时, 生成该通知事件。 (THE END)
SVG事件响应的更多相关文章
- iOS事件响应链
首先,当发生事件响应时,必须知道由谁来响应事件.在IOS中,由响应者链来对事件进行响应,所有事件响应的类都是UIResponder的子类,响应者链是一个由不同对象组成的层次结构,其中的每个对象将依次获 ...
- 追踪app崩溃率、事件响应链、Run Loop、线程和进程、数据表的优化、动画库、Restful架构、SDWebImage的原理
1.如何追踪app崩溃率,如何解决线上闪退 当 iOS设备上的App应用闪退时,操作系统会生成一个crash日志,保存在设备上.crash日志上有很多有用的信息,比如每个正在执行线程的完整堆栈 跟踪信 ...
- DuiLib事件分析(一)——鼠标事件响应
最近在处理DuiLib中自定义列表行元素事件,因为处理方案得不到较好的效果,于是只好一层一层的去剥离DuiLib事件是怎么来的,看能否在某一层截取消息,自己重写. 我这里使用CListContaine ...
- mvc ajax dropdownlist onchang事件响应
<script type="text/javascript"> $("#Cycle").on("change", functio ...
- Legolas工业自动化平台入门(三)交互事件响应动作
在上一篇Legolas工业自动化平台入门(二)数据响应动作 一文中,我们介绍了"动作"相关内容,了解到"动作"分为多种,各种动作的添加方式相同,但是应用方式各自 ...
- JS代码的位置与事件响应代码块的封装问题
JS代码的位置 我们可以将JavaScript代码放在html文件中任何位置,但是我们一般放在网页的head或者body部分. 放在<head>部分最常用的方式是在页面中h ...
- Android MotionEvent事件响应机制
在android中,事件主要包括点击.长按.拖曳.滑动等操作,这些构成了Android的事件响应,总体来说,所有的事件都由如下三个部分作为基础构成: 按下(action_down),移动(action ...
- 浅谈JavaScript的事件响应
原文出处: Christian Heilmann 译文出处:Chajn Science 每当猴子们问我JavaScript和DOM里啥东西最牛逼时,我都会一巴掌打回去:卧槽还用问么当然是事件响应了 ...
- touches,motion触摸事件响应
//触摸事件响应需要重写方法 1 // 触摸时触发该方法(消息发送) - (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent: ...
随机推荐
- objective-c中的category
如果有如下一个类 #import <Foundation/Foundation.h> @interface Person : NSObject @property int age; @en ...
- OI路上-NOIP100天冲刺计划
学OI已经9个月了,可是自己水平还是那样的弱QWQ. 现在离NOIP还有差不多100天的时间. 晚上辗转反侧发现了自己的一些问题: (1)DP还经常没思路. (2)搜索恶心题还不想写. (3)有时候也 ...
- C++ map插入(insert)数据返回值
例子: typedef boost::unordered_map<int, int> UserOnlineMap; UserOnlineMap userOnlineMap_; std::p ...
- c#根据文件大小显示文件复制进度条实例
using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; usin ...
- ubuntu 下安装 apache php mysql
ubuntu 安装 apache+php+mysql1.打开终端,输入“sudo apt-get install apache2”,回车;(安装apache2.0或2.x新版本,系统会自动查找新的版本 ...
- jquery 缓冲加载图片插件 jquery.lazyload
第一:加入jquery 第二:加入jquery.lazy.load.js文件 第三:在网页中加<script> $(document).ready(function(){ $(" ...
- JavaScript入门介绍(二)
JavaScript入门介绍 [函数] 函数function 是Javascript的基础模块单元,用于代码的复用.信息影藏和组合调用. function a(){} 函数对象Function Lit ...
- 计划任务实现定时备份mysql数据库
1.linux平台 30 3 * * * sh /data/tools/mysqlbackup.sh 每天3点半备份数据库mysqlbackup.sh(备份最近5天的数据): #设置数据库名,数据库 ...
- PHP 面向对象之自定义类
所谓面向对象就是什么时候什么东西做什么,我们设计类的时候需要想的就是怎么做的内容,那么怎么样的一个类才算是符合OOP的思想呢,答案是:这个类写好之后,在使用的过程中,能准确的代表一个事物,在书写的时候 ...
- Discuz帖子列表页无法ajax加载下一页问题
上周末抽空重构了一下JX3PVE的PVE栏目,只上线了宏库栏目,结果出了一堆Bug.奈何公司这段时间都在搞完美假期这专题,太忙也没去处理.这不是周末拿时间来看一下. 发现其中有一个是点“下一页”aja ...