<p onclick="alert('點擊了');">Click Me</p>
<html>
<head>
<title> demo </title>
<meta name="Author" content="xugang" />
<script type="text/javascript">
// 在onload 事件中添加所有標簽的事件
window.onload = function(){
// 找到對象
var o_p = document.getElementById("myp");
// 添加對象的onclick 事件
o_p.onclick = function(){
alert("我被點擊了");
}
}
</script>
</head>
<body>
<p id="myp">Click Me</p>
</body>
</html>
<html>
<head>
<title> demo </title>
<meta name="Author" content="xugang" />
<script type="text/javascript">
<!--
function click_A(){
alert("click_A");
//刪除監聽函數
o_p.detachEvent("onclick",click_B);
}
function click_B(){
alert("click_B, 我只調用一次。");
}
var o_p;
window.onload = function(){
o_p = document.getElementById("myP");
// 添加監聽函數 click_A
o_p.attachEvent("onclick",click_A);
// 添加監聽函數 click_B
o_p.attachEvent("onclick",click_B);
}
//-->
</script>
</head>
<body>
<p id="myP">Click Me</p>
</body>
</html>
<html>
<head>
<title> demo </title>
<meta name="Author" content="xugang" />
<script type="text/javascript">
<!--
function click_A(){
alert("click_A");
//刪除監聽函數
o_p.removeEventListener("click",click_B,false);
}
function click_B(){
alert("被click_A刪除, 一次都不能調用。");
}
var o_p;
window.onload = function(){
o_p = document.getElementById("myP");
// 添加監聽函數 click_A
o_p.addEventListener("click",click_A,false);
// 添加監聽函數 click_B
o_p.addEventListener("click",click_B,false);
}
//-->
</script>
</head>
<body>
<p id="myP">Click Me</p>
</body>
</html>
