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事件响应的更多相关文章

  1. iOS事件响应链

    首先,当发生事件响应时,必须知道由谁来响应事件.在IOS中,由响应者链来对事件进行响应,所有事件响应的类都是UIResponder的子类,响应者链是一个由不同对象组成的层次结构,其中的每个对象将依次获 ...

  2. 追踪app崩溃率、事件响应链、Run Loop、线程和进程、数据表的优化、动画库、Restful架构、SDWebImage的原理

    1.如何追踪app崩溃率,如何解决线上闪退 当 iOS设备上的App应用闪退时,操作系统会生成一个crash日志,保存在设备上.crash日志上有很多有用的信息,比如每个正在执行线程的完整堆栈 跟踪信 ...

  3. DuiLib事件分析(一)——鼠标事件响应

    最近在处理DuiLib中自定义列表行元素事件,因为处理方案得不到较好的效果,于是只好一层一层的去剥离DuiLib事件是怎么来的,看能否在某一层截取消息,自己重写. 我这里使用CListContaine ...

  4. mvc ajax dropdownlist onchang事件响应

    <script type="text/javascript"> $("#Cycle").on("change", functio ...

  5. Legolas工业自动化平台入门(三)交互事件响应动作

    在上一篇Legolas工业自动化平台入门(二)数据响应动作 一文中,我们介绍了"动作"相关内容,了解到"动作"分为多种,各种动作的添加方式相同,但是应用方式各自 ...

  6. JS代码的位置与事件响应代码块的封装问题

    JS代码的位置       我们可以将JavaScript代码放在html文件中任何位置,但是我们一般放在网页的head或者body部分.   放在<head>部分最常用的方式是在页面中h ...

  7. Android MotionEvent事件响应机制

    在android中,事件主要包括点击.长按.拖曳.滑动等操作,这些构成了Android的事件响应,总体来说,所有的事件都由如下三个部分作为基础构成: 按下(action_down),移动(action ...

  8. 浅谈JavaScript的事件响应

    原文出处: Christian Heilmann   译文出处:Chajn Science 每当猴子们问我JavaScript和DOM里啥东西最牛逼时,我都会一巴掌打回去:卧槽还用问么当然是事件响应了 ...

  9. touches,motion触摸事件响应

    //触摸事件响应需要重写方法 1 // 触摸时触发该方法(消息发送) - (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent: ...

随机推荐

  1. java新手笔记22 接口示例2

    1.USB package com.yfs.javase; public interface USB { //定义规范 public void read(); public void write(); ...

  2. javascript 中caller,callee,call,apply 的概念[转载]

    在提到上述的概念之前,首先想说说javascript中函数的隐含参数:arguments Arguments : 该对象代表正在执行的函数和调用它的函数的参数. [function.]argument ...

  3. windows下ipython的tab补全,只需安装pyreadline即可.

    运行ipython提示缺失模块 在windows下安装readline失败. 根据提示访问 https://urllib3.readthedocs.org/en/latest/security.htm ...

  4. PAT_1007 素数对猜想

    今天想更的那道题现在还没A出来.先把下午做的一道题更新了吧.快零点了.无奈啊. 问题描述: 让我们定义 dn 为:dn = pn+1 - pn,其中 pi 是第i个素数.显然有 d1=1 且对于n&g ...

  5. Peter Pan By: J. M. Barrie

    Audio book: (mp3+txt) http://www.booksshouldbefree.com/book/peter-pan-by-j-m-barrie

  6. ORACLE数据库闪回日志写满

    网站页面无法显示完整.检查web服务是正常的,所以可能是ORACLE数据库出了问题. 首先检查闪回日志写满 然后检查归档日志文件写满的缘故了.使用以下几个命令可以看出当前归档日志文件的使用情况: se ...

  7. Spring Cloud Eureka Server例子程序

    Spring-Cloud-Eureka-Server 及Client 例子程序 参考源代码:https://github.com/spring-cloud-samples/eureka 可以启动成功, ...

  8. C语言2048

    这段时间google上有个小游戏挺火的,我也很喜欢,业余时间做个C语言版的. 老规矩先上干货: http://files.cnblogs.com/GhostZCH/2048.rar (.c & ...

  9. 浅谈JavaScript的push()函数

    push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度.返回值是把指定的值添加到数组后的新长度. 语法:arrayObject.push(newelement1,newelement2,. ...

  10. SQL Server 2012 Features

    SQL SQL Server 2012 新增加的几个函数: SELECT CONVERT (INT, 'Angkor-216.00') 直接报错 SELECT TRY_CONVERT(INT, 'SS ...