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

Javascript
JavaScript 解析Json字符串的性能比较分析代码
js 日期字符串截取分割成单个具体的日期(2009-12-30 13:28:29)
javascript 倒计时代码
javascript 语法基础 想学习js的朋友可以看看
javascript获取元素文本内容的通用函数
javascript 动态设置已知select的option的value值的代码
jquery 简单的图片展示效果
js textarea自动增高并隐藏滚动条
Javascript 中介者模式实例
textbox 在光标位置插入字符功能的js实现(兼容ie,firefox)
jQuery Attributes(属性)的使用(二、类篇)
Javascript document.referrer判断访客来源网址
[原创]javascript 移动鼠标得到单元格所在table表中的rowIndex位置[兼容ie,firefox]
javascript获得光标所在的文本框(text/textarea)中的位置
event.srcElement 用法笔记e.target
javascript 导出数据到Excel(处理table中的元素)
javascript DOM操作之动态删除TABLE多行
Javascript在IE或Firefox下获取鼠标位置的代码
Javascript 多浏览器兼容性问题及解决方案
让div层随鼠标移动的实现代码 ie ff

No. « 250 251 252 253 »

技术文章搜索

关键字

Javascript 中的 YUI的简单的dom事件

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-09-28   浏览: 339 ::
收藏到网摘: 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();实现阻止默认事件。