onclick return false

在HTML代碼中,無論你在哪裏放置了onclick事件,並且返回值爲false時,那麼該處的默認行爲將不會執行。

這裏的默認行爲是指沒有Onclick事件時原本的行爲。

舉一個例子:

<a href="http://www.nojs.com" return false;">Click Me</a>

在上面的例子中,如上面所說點擊(click)這個鏈接,那麼動作進行將會截止到doSomething()函數全部完成,而並不會繼續跳轉到"http://www.nojs.com"(除非IE等瀏覽器端禁用了JavaScript)。

爲了讓上面的例子繼續進行下一步,我們可以放置一個confirm函數強迫用戶去決定他們是否願意繼續跳轉,如果用戶選擇“是”,那麼函數返回ture,頁面跳轉到“http://www.nojs.com”。

如下面這個例子:<ahref="http://www.nojs.com" confirm('Are you sure you want to do that?');">Click Me</a>

最後還有個小技巧,當我用AJAX或觸發一個div時,出現了一個讓我惱火的情況,我點擊了鏈接並且click事件已經完成,雖然鏈接沒有跳轉但還是變成了還是被選中過的顏色。雖然這無關緊要,但還是有一個辦法可以不讓這個發生,簡單的說,可以模糊(blur)這個焦點讓他看上去不是焦點 來看一個簡單的例子:<ahref="" id="bjd" onclick="Element.toggle('MyDiv'); $('bjd').blur(); return false;">Toggle MyDiv</a>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章