Disable chức năng onclick trên thẻ hình ảnh

Question

jQuery làm thế nào tôi có thể vô hiệu hóa một nhấp chuột vào <img> thẻ

$("#ico_cal_id").attr('disabled', 'disabled') or 
$("#img_id").attr('disabled', 'disabled') is not working 

Dưới đây là mã của tôi:

<span id="img_id"><src="ico_calendar.png" id="ico_cal_id" style="cursor: pointer"; onlick="showCalendar(this,'startDay','startMonth','startYear');" /></span> 

bất cứ khi nào tôi bấm vào calendar_image lịch là popping lên

Bất kỳ ý tưởng nào?

Answer 1

img yếu tố không có thuộc tính disabled, do đó, việc đặt nó sẽ không ảnh hưởng đến hành vi của nó.

Bạn có thể ngăn chặn sự kiện từ bọt và từ thực hiện xử lý khác với event.stopImmediatePropagation() ...

$("#ico_cal_id").click(function(event) { 
    event.stopImmediatePropagation(); 
}); 

Ngoài ra, bạn có thể sử dụng $("#ico_cal_id").removeAttr("onclick") nếu sự kiện này luôn được gắn liền inline.

Answer 2

Xóa thuộc tính onclick?

$("#ico_cal_id")[0].onclick = null; 

hay:

$("#ico_cal_id").removeAttr("onclick"); 

Answer 3

Hãy thử điều này:

$("#ico_cal_id").prop("onclick", false); 

Thông tin thêm về prop()here.

Answer 4

Những câu trả lời này không hiệu quả đối với tôi vì tôi có một câu đố không phô trương bỏ qua cuộc gọi hàm nội tuyến js đó.

tôi không thích "hack" mã nhưng đối với vấn đề hình ảnh này tôi đã làm điều này

HTML code

<input type="hidden" id="responseMode"/> 

Mã Khi vô hiệu hóa

$("#responseMode").val("response"); 

jquery img nhấp vào

$("#myImageID").click(function() { 
    if ($("#responseMode").val() === "response") { 
     // ?? 
    } else { 
     workedModalCall(); 
    } 

}); 

Nếu không TẤT CẢ câu trả lời khác vẫn được phép cho chức năng bấm jquery của tôi chạy và sau đó gọi hàm chức năng tôi không muốn được gọi là đã xảy ra workModalCall();