YUI的简单的dom事件

2016-02-20 00:58 10 1 收藏

生活已是百般艰难,为何不努力一点。下面图老师就给大家分享YUI的简单的dom事件，希望可以让热爱学习的朋友们体会到设计的小小的乐趣。

【 tulaoshi.com - Web开发】

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

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

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

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

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

下面我们就来看看代码。

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

来源:http://www.tulaoshi.com/n/20160220/1632954.html

上一篇： delegate软件实现本地调试客户端代码
下一篇：把常用图片请入WPS 2007工具栏以便插入

看过《YUI的简单的dom事件》的人还看了以下文章更多>>

学习JavaScript的事件

标签： Web开发

在很多语言的学习中，事件都是一个比较难理解，但是又是一个很重要的概念。javascript中的事件处理也是一样，正因为有了事件处理，才会出现Ajax拖动的效果。本文就讨论一下JavaScript中的事件处理，读过之后，您就会知道，很多Ajax框架实现拖动效果的原理了。一、 IE Event对象（一）IE Event对象的主要属性和方法在IE中有一个专...

Select的OnChange()事件

我们用Select的onchange事件时,常会遇到这样一个问题,那就是连续选相同一项时,不触发onchange事件.select的onchange事件就是这样子的.你得有Change(改变),才能触发该事件.... 掌握了它的特性后,相应的解决办法也很简单. <select name=sel onchange="bao(this.options[this.options.selectedIndex].value)" <option ...

关于JAXP DOM SAX JDOM DOM4J的一些想法

关于JAXP，DOM，SAX，JDOM，DOM4J的一些想法这些API是XSLT的关键部分，它们构建在DOM和SAX解析器基础上。Sun在XML领域总是后知后觉，等到Sun重视XML的时候，XML的API早就满天飞了，尤其是IBM具有非常大的领先优势。不过Sun是规范的制订者，于是参考W 3C的标准制订了JAXP规范。JAXP不像Xerces和Crimon那样，它只是一个spec，本身是不做任何事...

YUI 中的 Grids CSS值得关注和学习的

标签： Web开发

YUI 中的 Grids CSS 主要有三个部分值得大家关注和学习： 1、布局的思想：使用负 margin（Negative Margins）技术详细可参阅：《Creating Liquid Layouts with Negative Margins》 2、使用 em ：当用户改变字体大小时，宽度同时改变。技巧：用 13 像素来平分宽度（保留小数到千分位），而 IE 浏览器用 13.333 。 /* 750 center...

IE浏览器的DOM模型

标签： Web开发

IE 处理 / 形式的结尾标签有问题。如下面这段： form table //form 如果使用 JavaScript 向表格内添加表单元素input，你会发现在 IE 中form并没有把这些input包含起来。为什么呢？看看table元素的 innerHTML 就知道了：第一行竟然是/form！可见 IE 对这种情况的处理有多糟糕。FireFox下就没有这种情况。 IE 的 DOM 模型不允许设置 table...

查看更多精彩>>