網頁制作POLUOLUO文章簡介:今天我們要了解的是YUI的簡單的dom事件,主要包括:點擊事件和阻止默認事件的方法.
今天我們要了解的是YUI的簡單的dom事件。
主要包括:點擊事件和阻止默認事件的方法:
1、有一個藍色背景的方框,點擊他以後,會彈出一個對話框,其實這裡就是原生js中的alert的效果;
2、一個普通的鏈接,點擊以後,帶你進入新的頁面;
3、一個鏈接,但是被yui阻止它的默認事件,就是阻止了鏈接,他只會彈出一個對話框,但是不會離開當前頁面。
下面我們就來看看代碼。
上面的代碼需要大家注釋的是,在head引用了yui-min.js的鏈接,使用了YUI().use(‘node’, function(Y) {});將我們需要的代碼框起來,還使用了Y.on(“click”, helloWorld, “#container”);方法來實現點擊事件,使用了e.preventDefault();實現阻止默認事件。