[心得] 在HTML使用javascript監聽事件
※ [本文轉錄自 Web_Design 看板]
作者: kewang () 看板: Web_Design
標題: [心得] 在HTML使用javascript監聽事件
時間: Sun Mar 4 00:41:57 2007
圖文版 http://blog.pixnet.net/kewang/post/3070901
之前說過想要結合UrMap跟pixnet相簿，當開啟相簿的時候程式可以讀取相簿名稱，然後
依照相簿名稱上所說的位置，將圖片顯示在UrMap上面。
這樣說或許有點複雜，總之我必須要使用javascript來開發這個功能，第一步當然就是要
能夠讀取相簿名稱。我研究了一下相簿的HTML，後來了解我要做這個功能要先能自訂事件
，所以我上網查了一下，要用addEventListener才可以。
addEventListener這個函式有三個參數，第一個是事件本身，比如說onLoad, onClick之
類，不過使用時不需要加上on，第二個是想要執行的函式名稱，第三個是否為要重複執行
。
<script type = "text/javascript" language = "javascript">
function mapToUrMap()
{
var items = document.getElementsByTagName("span");
var item_len = items.length;
for(var i = 0; i < item_len; i++)
{
if(items[i].className == "albTitle")
{
alert(items[i].childNodes[0].nodeValue);
}
}
}
window.addEventListener("load", mapToUrMap, false);
</script>
window.addEventListener("load", mapToUrMap, false)用剛剛的解釋就是在視窗讀取完
成之後，執行一次的mapToUrMap函式。
現在這個script寫好之後，我就可以讀取到相簿的名稱了。
參考資料：
Javascript: 附加 onload 事件
[問題] 開啟網頁後的 event 要怎麼寫
--
雜七雜八的kewang部落格 http://kewang.pixnet.net
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 218.160.72.140
--
雜七雜八的kewang部落格 http://kewang.pixnet.net
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 140.111.73.8
Ajax 近期熱門文章
PTT數位生活區 即時熱門文章
