今天我們要了解的是yui的簡單的dom事件。
主要包括:點(diǎn)擊事件和阻止默認(rèn)事件的方法:
1、有一個藍(lán)色背景的方框,點(diǎn)擊他以后,會彈出一個對話框,其實(shí)這里就是原生js中的alert的效果;
2、一個普通的鏈接,點(diǎn)擊以后,帶你進(jìn)入新的頁面;
3、一個鏈接,但是被yui阻止它的默認(rèn)事件,就是阻止了鏈接,他只會彈出一個對話框,但是不會離開當(dāng)前頁面。
下面我們就來看看代碼。
上面的代碼需要大家注釋的是,在head引用了yui-min.js的鏈接,使用了yui().use(‘node’, function(y) {});將我們需要的代碼框起來,還使用了y.on(“click”, helloworld, “#container”);方法來實(shí)現(xiàn)點(diǎn)擊事件,使用了e.preventdefault();實(shí)現(xiàn)阻止默認(rèn)事件。
|
新聞熱點(diǎn)
疑難解答
圖片精選