Javascript 注冊事件淺析

2024-05-06 14:17:23

字體：大中小

來源：轉載

供稿：網友

首先是最常規的方法：

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]
當某一天，我們知道JavaScript要跟HTML結構實現分離后，就會改了一種寫法：

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]
當我們工作越來越久后，有時候我們需要對某個元素綁定多個相同的事件類型：

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]
如果按照上面的寫法，我們只能輸出第二個函數。
這時候我們需要用到attachEvent方法：

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]
在一段時間內，你并沒發現這段代碼有任何錯誤。
某一天，一個名叫firefox的瀏覽器闖入你的視野，當我們把這段代碼放到firefox中執行后，
發現并不能正常運行。問題就這樣，越來越多，然而作為一名JS程序員，這些都是必須面對的。

為了解決這段代碼的平臺兼容性問題，我翻翻手冊，知道了firefox跟ie的區別：
firefox中注冊事件使用：addEventListener方法，同時為了兼容ie，我們必須用到if ... else...
[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]
此時，代碼就可以在多個平臺上工作了。

但隨著水平的進步，你不滿足每次都去判斷，你想把這個判斷封裝起來，以后可以直接調用：

</SPAN>
</div>
</div>
<div   id="iwvjtn8m0"   class=page1>
<p align="center" class="pageLink"></p>
</div>

<div   id="iwvjtn8m0"   class="fenxiang">

<div style="text-align:left">上一篇：<a href='/wen/2024/05-06/1045477.html'>很多人都是用下面的js刷新站IP和PV</a></div>
<br>
<div style="text-align:left">下一篇：<a href='/wen/2024/05-06/1045479.html'>Javascript多種瀏覽器兼容寫法分析第1/3頁</a></div>
<br>
<script src=/d/js/acmsd/gao21.js></script>

</div>

<div   id="iwvjtn8m0"   class="pinglun">

<script>
		  function CheckPl(obj)
		  {
		  if(obj.saytext.value=="")
		  {
		  alert("您沒什么話要說嗎？");
		  obj.saytext.focus();
		  return false;
		  }
		  return true;
		  }
		  </script><form action="/e/pl/doaction.php" method="post" name="saypl" id="saypl" onsubmit="return CheckPl(document.saypl)">
<table width="100%" border="0" cellpadding="0" cellspacing="0" id="plpost">

學習交流