YUI的简单的dom事件

炳全心思源

炳全心思源

2016-02-20 00:58

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

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

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

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

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

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

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

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

下面我们就来看看代码。

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

展开更多 50%)
分享

猜你喜欢

YUI的简单的dom事件

Web开发
YUI的简单的dom事件

关于DOM事件模型的两件事

Web开发
关于DOM事件模型的两件事

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

DOM事件模型的两件事(2)

Web开发
DOM事件模型的两件事(2)

DOM事件模型的两件事(1)

Web开发
DOM事件模型的两件事(1)

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

使用yui3实现最简单拖动

Web开发
使用yui3实现最简单拖动

DOM的结构

Web开发
DOM的结构

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

delegate软件实现本地调试客户端代码

delegate软件实现本地调试客户端代码

把常用图片请入WPS 2007工具栏以便插入

把常用图片请入WPS 2007工具栏以便插入
下拉加载更多内容 ↓