YUI 三:Event

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.创建自定义事件? 

 

查看更多 下一篇