javascript處理a標(biāo)簽超鏈接默認(rèn)事件的方法
本文實(shí)例講述了javascript處理a標(biāo)簽超鏈接默認(rèn)事件的方法。分享給大家供大家參考。具體分析如下:
有時(shí)需要在a標(biāo)簽上添加click事件,并且跳轉(zhuǎn)前處理一些事務(wù),故需要做一些處理;通常前端會(huì)給出一個(gè)<a href="#">link</a>來(lái)代表這個(gè)行為,有些還會(huì)這樣寫(xiě)<a href="###">link</a>或者<a href="javascript:void(0);">link</a>這樣的寫(xiě)法,但這樣并不兼容所有瀏覽器,有些瀏覽器就會(huì)出現(xiàn)很怪異的形為。
因此,這個(gè)問(wèn)題需要其它方法來(lái)解決,其一是用jquery的阻止默認(rèn)事件,就像JQUERY的官方API中所給出的示例:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>event.preventDefault demo</title>
<script src="jquery-1.10.2.js"></script>
</head>
<body>
<a >default click action is prevented</a>
<div id="log"></div>
<script>
$( "a" ).click(function( event ) {
event.preventDefault();
$( "<div>" )
.append( "default " + event.type + " prevented" )
.appendTo( "#log" );
});
</script>
</body>
</html>
另一種方法是給超鏈加個(gè)javascript方法,方法里判斷加return
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
相關(guān)文章
JavaScript strike方法入門(mén)實(shí)例(給字符串加上刪除線(xiàn))
這篇文章主要介紹了JavaScript strike方法入門(mén)實(shí)例,strike方法用于給字符串加上刪除線(xiàn),需要的朋友可以參考下2014-10-10
第一個(gè)JavaScript入門(mén)基礎(chǔ) document.write輸出
關(guān)于JavaScript,他是一個(gè)OOSP(面向?qū)ο竽_本語(yǔ)言)他是用來(lái)創(chuàng)建動(dòng)態(tài)網(wǎng)站,增強(qiáng)用戶(hù)界面的一門(mén)技術(shù)。如果你想了解更多關(guān)于JavaScript的信息,請(qǐng)去維基百科查詢(xún)。2010-02-02
document.all的一個(gè)比較完整的總結(jié)及案例
document.all想必學(xué)習(xí)javascript的同學(xué)們都很了解吧,本文主要是針對(duì)一些剛?cè)腴T(mén)的童鞋們做一下有關(guān)document.all的相關(guān)總結(jié),感興趣的朋友可以了解下,或許本文對(duì)你有所幫助2013-01-01
javascript實(shí)現(xiàn)計(jì)算器功能詳解流程
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)簡(jiǎn)單計(jì)算器小功能,只學(xué)書(shū)上的理論是遠(yuǎn)遠(yuǎn)不夠的,只有在實(shí)戰(zhàn)中才能獲得能力的提升,大家可以在本篇實(shí)例中查缺補(bǔ)漏,提升水平2021-11-11
javascript開(kāi)發(fā)技術(shù)大全 第2章 開(kāi)始JAVAScript之旅
1st JavaScript Editor ,除了有著色處,還有html標(biāo)簽、屬性、javascript事件、函數(shù),另外還可調(diào)用外部編輯來(lái)編輯網(wǎng)頁(yè),也可將常用瀏覽器內(nèi)置在窗口中。2011-07-07
JS獲取一個(gè)字符串中指定字符串第n次出現(xiàn)的位置
這篇文章主要介紹了JS獲取一個(gè)字符串中指定字符串第n次出現(xiàn)的位置,文章內(nèi)容實(shí)例講解的很清晰,有需要的同學(xué)可以研究下2021-02-02
怎么通過(guò)onclick事件獲取js函數(shù)返回值(代碼少)
這篇文章主要介紹了怎么通過(guò)onclick事件獲取js函數(shù)返回值,需要的朋友可以參考下2015-07-07

