欧美成人久久久免费播放,最新日本中文字幕,欧美日韩一区二区综合

- 龍誠動態(tài)
 
 行業(yè)新聞
 
 我們的觀點(diǎn)
 
 公司公告
 
 建站技術(shù)
 
 網(wǎng)站SEO優(yōu)化
 
 網(wǎng)站制作流程
 
 產(chǎn)品報價
 - 聯(lián)系電話：0577-55882408
 - 傳真號碼：0577-55882411
 - 聯(lián)系手機(jī)：15224122065
 - 聯(lián)系地址：溫州市甌海站南商貿(mào)城C幢306
- - 首頁-新聞中心-建站技術(shù)
 每個JavaScript框架都實(shí)現(xiàn)跨瀏覽器的事件處理，鼓勵你擺脫舊式的內(nèi)聯(lián)附加事件而使用精簡的線性方法。看看清單6的jQuery例子，使用hover事件高亮顯示div元素。 清單6：使用jQuery附加hover事件 $('#the-box').hover(function() { $(this).addClass('highlight'); }, function() { $(this).removeClass('highlight'); }); 這是jQuery的一個特殊事件，你會發(fā)現(xiàn)它提供了兩個函數(shù)。第一個在onMouseOver事件觸發(fā)時調(diào)用，第二個函數(shù)在onMouseOut事件觸發(fā)時調(diào)用。這是因?yàn)閔over沒有標(biāo)準(zhǔn)的DOM事件。讓我們看看更為典型的事件，如click（瞧瞧清單7）： 清單7：使用jQuery附加click事件 $('#the-button').click(function() { alert('You pushed the button!'); }); 正如你看到的那樣，實(shí)例中只有一個函數(shù)參數(shù)。jQuery中大多數(shù)事件均采用同樣的方式處理，在jQuery中使用事件處理程序，上下文指的是觸發(fā)事件的哪個對象。一些框架并不以這種方式工作，拿Prototype來說，清單7中的代碼看起來就像清單8中的那樣。 清單8：使用Prototype附加click事件 $('the-button').observe('click', function(e) { alert('You pushed the button!'); }); 你首先會注意到，沒有click函數(shù)，而是一個observe函數(shù)，它在引用自身之前接受一個事件參數(shù)。您還會注意到該函數(shù)接受一個參數(shù)e，這里的上下文指的是觸發(fā)事件的元素。看看它如何工作，讓我們用Prototype重寫清單6中的代碼（看清單9）。 清單9：使用Prototype附加懸停事件 $('the-box').observe('mouseover', function(e) { var el = Event.element(e); el.addClassName('highlight'); }); $('the-box').observe('mouseout', function(e) { var el = Event.element(e); el.removeClassName('highlight'); }); jQuery也不同，你只需要使用$函數(shù)得到上下文變量，Prototype庫則使用Event.element() 函數(shù)。此外，你注意到你需要將mouseover和mouseout 事件分開。 通過該文章的一些教程，你可以看到函數(shù)以內(nèi)聯(lián)的方式創(chuàng)建，并不命名。這意味著它不能重復(fù)使用，Prototype的懸停示例也給了我們一個如何使用命名函數(shù)的機(jī)會。清單10說明了這個方法。 清單10：使用Prototype改進(jìn)懸停事件 您會注意到，此時你只需定義一個函數(shù)。它同時被mouseover和mouseout事件調(diào)用。該函數(shù)根據(jù)元素是否有“highlight”的類名，并基于結(jié)果添加或刪除之。你也會注意到，參數(shù)e隱式傳遞。換句話說，你給observe函數(shù)傳遞了一個不明確的參數(shù)。 function toggleClass(e) { var el = Event.element(e); if(el.hasClassName('highlight')) row.removeClassName('highlight'); else row.addClassName('highlight'); } $('the-box').observe('mouseover', toggleClass); $('the-box').observe('mouseout', toggleClass);

亚州一级-亚州视频在线-亚州视频一区二区-亚州视频一区-亚州三级视频-亚州三级