文章出處
文章列表
有些時候，我們想實現這樣的一種效果：
<a href="imgs/2.jpg" title="A fireworks display" onclick="showPic(this);">Fireworks</a>
點擊一個鏈接，調用一個函數，但由于這個鏈接的路徑是圖片，點擊后是直接跳轉到圖片的頁面的，怎樣才能使得不會這樣發生呢？
分析：需要對事件處理函數的工作機制有進一步的里了解：在給某個元素添加了事件處理函數后，一旦發生預定事件，相應的JavaScript代碼就會得到執行；那些JavaScript代碼可以返回一個結果，而這個結果將被傳遞回那個事件處理函數。例如，給某個鏈接添加一個onclick事件處理函數，并讓這個處理函數所觸發的JavaScript代碼返回布爾值true或false。這樣一來，當這個鏈接被點擊時，如果那段JavaScript代碼返回給onclick事件處理函數的值是true，onclick事件處理函數將認為“這個鏈接被點擊了”；反之，如果那段JavaScript代碼返回給onclick處理函數的值是false，onclick事件處理函數將認為“這個鏈接沒有被點擊”。
處理：在onclick事件處理函數所觸發的JavaScript代碼里增加一條return false語句，就可以不讓用戶被他們所點擊的鏈接帶到另外一個圖片查看窗口去了：
<a href="imgs/2.jpg" title="A fireworks display" onclick="showPic(this);return false;">Fireworks</a>
文章列表
全站熱搜
留言列表
