分享
 
 
 

通過js給頁面元素添加事件

王朝html/css/js·作者佚名  2008-12-13
窄屏简体版  字體: |||超大  

最近做一個登錄仿XP多用戶頁面,要使用js給頁面元素添加事件的方式去處理。網上G了很久找到一個比較簡單的示例:view plaincopy to clipboardprint?

<script>

function b(){

alert("我被click了!!5555~~~~~~~~~~");

}

function a(){

good.onclick=b;//註意onclick不能寫成onClick,要不沒效果的。

}

</script>

<div id="good" style="height:100px; width:100px;background:#323923;color:white;">點我啊</div>

<input type=button value="添加點擊事件" onclick="a();">

<script>

function b(){

alert("我被click了!!5555~~~~~~~~~~");

}

function a(){

good.onclick=b;//註意onclick不能寫成onClick,要不沒效果的。

}

</script>

<div id="good" style="height:100px; width:100px;background:#323923;color:white;">點我啊</div>

<input type=button value="添加點擊事件" onclick="a();">不過在用的時候很是郁悶,如為good添加onMoserOver的事件view plaincopy to clipboardprint?

document.getElementById('QuickUserLoginPart').onmouseover = alert("移過了!");

document.getElementById('QuickUserLoginPart').onmouseover = alert("移過了!");把這個添加在input的onClick裏,點擊了馬上會彈出一個「移過了!」的提示框,然後當你鼠標移過那個ID為GOOD的區域時是什麽反應都沒有的。一定要把"onmouseover ="後面的內容寫上相關定義好的function才行。 光明白這點就浪費了我兩個小時時間啊~~~~~~學藝不精啊。

PS:不知道有沒有去除頁面元素添加事件的JS

再記錄個:

JS:動態添加刪除元素view plaincopy to clipboardprint?

<HEAD>

<SCRIPT>

function removeElement()

{

try

{

//The first child of the div is the bold element.

var oChild=Div1.children(0);

Div1.removeChild(oChild);

}

catch(x)

{

alert("You have already removed the bold element. Page will be refreshed when you click OK.")

document.location.reload();

}

}

</SCRIPT>

</HEAD>

<BODY>

<DIV ID=Div1 onclick="removeElement()">

Click anywhere in this sentence to remove this <B>Bold1</B><B>Bold2</B> word.

</DIV>

</BODY>

<HEAD>

<SCRIPT>

function removeElement()

{

try

{

//The first child of the div is the bold element.

var oChild=Div1.children(0);

Div1.removeChild(oChild);

}

catch(x)

{

alert("You have already removed the bold element. Page will be refreshed when you click OK.")

document.location.reload();

}

}

</SCRIPT>

</HEAD>

<BODY>

<DIV ID=Div1 onclick="removeElement()">

Click anywhere in this sentence to remove this <B>Bold1</B><B>Bold2</B> word.

</DIV>

</BODY>再記錄個不錯的站點:

http://www.netvtm.com/

「通過網絡汲取營養」——關註國外WEB相關技術,理念,使用技巧...

關於Cookie的使用說明:http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/properties/cookie.asp

 
 
 
免責聲明:本文為網絡用戶發布,其觀點僅代表作者個人觀點,與本站無關,本站僅提供信息存儲服務。文中陳述內容未經本站證實,其真實性、完整性、及時性本站不作任何保證或承諾,請讀者僅作參考,並請自行核實相關內容。
2023年上半年GDP全球前十五強
 百态   2023-10-24
美眾議院議長啟動對拜登的彈劾調查
 百态   2023-09-13
上海、濟南、武漢等多地出現不明墜落物
 探索   2023-09-06
印度或要將國名改為「巴拉特」
 百态   2023-09-06
男子為女友送行,買票不登機被捕
 百态   2023-08-20
手機地震預警功能怎麽開?
 干货   2023-08-06
女子4年賣2套房花700多萬做美容:不但沒變美臉,面部還出現變形
 百态   2023-08-04
住戶一樓被水淹 還衝來8頭豬
 百态   2023-07-31
女子體內爬出大量瓜子狀活蟲
 百态   2023-07-25
地球連續35年收到神秘規律性信號,網友:不要回答!
 探索   2023-07-21
全球鎵價格本周大漲27%
 探索   2023-07-09
錢都流向了那些不缺錢的人,苦都留給了能吃苦的人
 探索   2023-07-02
倩女手遊刀客魅者強控制(強混亂強眩暈強睡眠)和對應控制抗性的關系
 百态   2020-08-20
美國5月9日最新疫情:美國確診人數突破131萬
 百态   2020-05-09
荷蘭政府宣布將集體辭職
 干货   2020-04-30
倩女幽魂手遊師徒任務情義春秋猜成語答案逍遙觀:鵬程萬裏
 干货   2019-11-12
倩女幽魂手遊師徒任務情義春秋猜成語答案神機營:射石飲羽
 干货   2019-11-12
倩女幽魂手遊師徒任務情義春秋猜成語答案昆侖山:拔刀相助
 干货   2019-11-12
倩女幽魂手遊師徒任務情義春秋猜成語答案天工閣:鬼斧神工
 干货   2019-11-12
倩女幽魂手遊師徒任務情義春秋猜成語答案絲路古道:單槍匹馬
 干货   2019-11-12
倩女幽魂手遊師徒任務情義春秋猜成語答案鎮郊荒野:與虎謀皮
 干货   2019-11-12
倩女幽魂手遊師徒任務情義春秋猜成語答案鎮郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手遊師徒任務情義春秋猜成語答案鎮郊荒野:指鹿為馬
 干货   2019-11-12
倩女幽魂手遊師徒任務情義春秋猜成語答案金陵:小鳥依人
 干货   2019-11-12
倩女幽魂手遊師徒任務情義春秋猜成語答案金陵:千金買鄰
 干货   2019-11-12
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有