当前位置: 首页 > 图文教程 > 网络编程 > Javascript > YUI的简单的dom事件

Javascript
QQ邮箱的一个文本编辑器代码
Z-Blog中用到的js代码
绝对经典的滑轮新闻显示(javascript+css)实现
用js实现的仿sohu博客更换页面风格(简单版)
仿Vista进程条效果
用Javascript判断图片是否存在,不存在则显示默认图片的代码
用JQuery 实现的自定义对话框
jQuery使用手册之三 CSS操作
利用Dojo和JSON建立无限级AJAX动态加载的功能模块树
贴图转换+转贴工具用到的js代码超级推荐
超级简单的图片防盗(HTML),好用
现代 javscript 编程 资料
超级可爱纯js网页时钟
Dojo之路:如何利用Dojo实现Drag and Drop效果
AJAX架构之Dojo篇
发两个小东西,ASP/PHP 学习工具。 用JavaScript写的
使用prototype.js 的时候应该特别注意的几个问题.
一个已封装好的漂亮进度条
漂亮的widgets,支持换肤和后期开发新皮肤
用javascript实现的仿Flash广告图片轮换效果

Javascript 中的 YUI的简单的dom事件


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 529 ::
收藏到网摘: n/a

今天我们要了解的是YUI的简单的dom事件。

主要包括:点击事件和阻止默认事件的方法:

1、有一个蓝色背景的方框,点击他以后,会弹出一个对话框,其实这里就是原生js中的alert的效果;

2、一个普通的链接,点击以后,带你进入新的页面;

3、一个链接,但是被yui阻止它的默认事件,就是阻止了链接,他只会弹出一个对话框,但是不会离开当前页面。

下面我们就来看看代码。

上面的代码需要大家注释的是,在head引用了yui-min.js的链接,使用了YUI().use(‘node’, function(Y) {});将我们需要的代码框起来,还使用了Y.on(“click”, helloWorld, “#container”);方法来实现点击事件,使用了e.preventDefault();实现阻止默认事件。