1-阻止click點(diǎn)擊事件

網(wǎng)上查了后有一下幾種實現(xiàn)方法

1.css禁用鼠標(biāo)點(diǎn)擊事件

.disabled { pointer-events: none; }
注:(這個沒有試過)

2.直接在js中使用阻止事件的進(jìn)行

 e.stopPropatation||e.cancelBubble = true                    

jquery 禁用a標(biāo)簽 方法1

$(document).ready(function() {
    $("a").each(function() {
        var textValue = $(this).html();
        if (textValue == "XX概況" || textValue == "服務(wù)導(dǎo)航") {
            $(this).css("cursor", "default");
            $(this).attr('href', '#');

            //修改<a>的 href屬性值為 # 這樣狀態(tài)欄不會顯示鏈接地址 
            $(this).click(function(event) {
                event.preventDefault();
                // 如果<a>定義了 target="_blank“ 需要這句來阻止打開新頁面  
            });
        }
    });
});

jquery 禁用a標(biāo)簽 方法2

$('a.tooltip').live('click', function(event) {
    alert("抱歉,已停用壹若!");
    event.preventDefault();
});

jquery 禁用a標(biāo)簽 方法3

$(function() {  $('.disableCss').removeAttr('href'); //去掉a標(biāo)簽中的href屬性     $('.disableCss').removeAttr('onclick'); //去掉a標(biāo)簽中的onclick事件  
});

jquery控制按鈕的禁用與啟用
控制按鈕為禁用:

$('#button').attr('disabled', "true");
添加disabled屬性 
$('#button').removeAttr("disabled");
移除disabled屬性

live() 方法為被選元素附加一個或多個事件處理程序概龄,并規(guī)定當(dāng)這些事件發(fā)生時運(yùn)行的函數(shù)厅目。
通過 live() 方法附加的事件處理程序適用于匹配選擇器的當(dāng)前及未來的元素(比如由腳本創(chuàng)建的新元素)。

問題:使用jQuery的live()方法綁定事件萤彩,有時會出現(xiàn)重復(fù)綁定的情況,如繁成,當(dāng)點(diǎn)擊一個按鈕時凄贩,此按鈕所綁定的事件會并執(zhí)行n遍。
解決:使用die()方法苟鸯,在live()方法綁定前,將此元素上的前面被綁定的事件統(tǒng)統(tǒng)解除棚点,然后再通過live()方法綁定新的事件早处。

Js代碼

//先通過die()方法解除,再通過live()綁定
$("#selectAll").die().live("click",function(){
//事件運(yùn)行代碼
});
//先通過die()方法解除瘫析,再通過live()綁定
$("#selectAll").die().live("click",function(){
//事件運(yùn)行代碼
}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末砌梆,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子贬循,更是在濱河造成了極大的恐慌咸包,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,194評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件杖虾,死亡現(xiàn)場離奇詭異烂瘫,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)奇适,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,058評論 2 385
  • 文/潘曉璐 我一進(jìn)店門坟比,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人嚷往,你說我怎么就攤上這事葛账。” “怎么了皮仁?”我有些...
    開封第一講書人閱讀 156,780評論 0 346
  • 文/不壞的土叔 我叫張陵籍琳,是天一觀的道長。 經(jīng)常有香客問我贷祈,道長趋急,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,388評論 1 283
  • 正文 為了忘掉前任付燥,我火速辦了婚禮宣谈,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘键科。我一直安慰自己闻丑,他們只是感情好漩怎,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,430評論 5 384
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著嗦嗡,像睡著了一般勋锤。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上侥祭,一...
    開封第一講書人閱讀 49,764評論 1 290
  • 那天叁执,我揣著相機(jī)與錄音,去河邊找鬼矮冬。 笑死谈宛,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的胎署。 我是一名探鬼主播吆录,決...
    沈念sama閱讀 38,907評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼琼牧!你這毒婦竟也來了恢筝?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,679評論 0 266
  • 序言:老撾萬榮一對情侶失蹤巨坊,失蹤者是張志新(化名)和其女友劉穎撬槽,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體趾撵,經(jīng)...
    沈念sama閱讀 44,122評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡侄柔,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,459評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了鼓寺。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片勋拟。...
    茶點(diǎn)故事閱讀 38,605評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖妈候,靈堂內(nèi)的尸體忽然破棺而出敢靡,到底是詐尸還是另有隱情,我是刑警寧澤苦银,帶...
    沈念sama閱讀 34,270評論 4 329
  • 正文 年R本政府宣布啸胧,位于F島的核電站,受9級特大地震影響幔虏,放射性物質(zhì)發(fā)生泄漏纺念。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,867評論 3 312
  • 文/蒙蒙 一想括、第九天 我趴在偏房一處隱蔽的房頂上張望陷谱。 院中可真熱鬧,春花似錦、人聲如沸烟逊。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,734評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽宪躯。三九已至乔宿,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間访雪,已是汗流浹背详瑞。 一陣腳步聲響...
    開封第一講書人閱讀 31,961評論 1 265
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留臣缀,地道東北人坝橡。 一個月前我還...
    沈念sama閱讀 46,297評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像精置,于是被迫代替她去往敵國和親驳庭。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,472評論 2 348

推薦閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理氯窍,服務(wù)發(fā)現(xiàn),斷路器蹲堂,智...
    卡卡羅2017閱讀 134,629評論 18 139
  • 在線閱讀 http://interview.poetries.top[http://interview.poetr...
    程序員poetry閱讀 114,309評論 24 450
  • (續(xù)jQuery基礎(chǔ)(1)) 第5章 DOM節(jié)點(diǎn)的復(fù)制與替換 (1)DOM拷貝clone() 克隆節(jié)點(diǎn)是DOM的常...
    凜0_0閱讀 1,324評論 0 8
  • 1.JQuery 基礎(chǔ) 改變web開發(fā)人員創(chuàng)造搞交互性界面的方式狼讨。設(shè)計者無需花費(fèi)時間糾纏JS復(fù)雜的高級特性。 1....
    LaBaby_閱讀 1,167評論 0 1
  • 請參看我github中的wiki柒竞,不定期更新政供。https://github.com/ivonzhang/Front...
    zhangivon閱讀 7,114評論 2 19