YUI 3:Event
1. 要使用Event,首先要引入YUI3的种子文件:
<script src="http://yui.yahooapis.com/3.0.0/build/yui/yui-min.js"></script>
然后加载相应模块:
?
YUI().use('event', function(Y) {
});
2. 设置事件响应函数:on()?有两个on方法,一个是YUI的,一个是Node的?
Y.on("click", handleClick, "#foo p") 设置元素"#foo p"的click事件处理函数为handleClick。?
foo.on("click", handleClick) 的作用与上面的一样?
对于YUI的on方法,参数如下:?
?9.使用focus和blur事件DOM的focus和blur事件是不做冒泡传递的,但YUI的Event utility的focus和blur事件
却可以,因此可以实现集中的事件处理。
以下是一段示例代码:其中"#toolbar"是一个包含3个按钮的<div>,如下:?例子全部代码:?效果:
?
?10.使用mouseenter和mouseleave事件?YUI也提供mouseenter和mouseleave事件,代码如下所示:?
?11.使用hover事件12.使用Touch event13:跨设备手势支持14.Cross-Device 手势支持15.创建一个综合的DOM事件16.创建自定义事件?

