Bagaimana Saya Boleh Lumpuhkan Pautan HTML dengan Berkesan?

Melumpuhkan Pautan HTML

Pautan boleh dilumpuhkan dalam pelbagai cara, masing-masing mempunyai kelebihan dan kelemahan tersendiri.

1. Kaedah CSS (Disyorkan)

a.disabled {
    pointer-events: none;
}

Kaedah ini adalah pilihan pilihan kerana ia menyediakan penyelesaian mudah alih. Walau bagaimanapun, pelayar lama seperti Internet Explorer tidak menyokong sepenuhnya acara penunjuk. Untuk mengatasi masalah ini, pertimbangkan untuk menggunakan atribut dilumpuhkan:

a[disabled] {
    pointer-events: none;
}

2. Focus Intercept

Anda boleh menggunakan tabindex untuk menghalang pautan daripada difokuskan, menjadikannya tidak dapat dicapai melalui papan kekunci:

<a href="#" disabled tabindex="-1">...</a>

Perhatikan bahawa kaedah ini tidak menghalang peristiwa klik.

3. Klik Intercept (JavaScript)

Gunakan pendengar acara JavaScript untuk memintas klik pautan dan semak bendera yang dilumpuhkan:

$("td > a").on("click", function(event){
    if ($(this).is("[disabled]")) {
        event.preventDefault();
    }
});

4. Kosongkan Pautan

Alih keluar atribut href untuk menjadikan pautan tidak berfungsi:

$("td > a").each(function() {
    this.data("href", this.attr("href"))
        .attr("href", "javascript:void(0)")
        .attr("disabled", "disabled");
});

5. Pengendali Klik Palsu

Tambahkan pengendali klik yang mengembalikan palsu untuk melumpuhkan pautan:

$("td > a").attr("disabled", "disabled").on("click", function() {
    return false; 
});

Menggayakan Pautan Dilumpuhkan

Gunakan atribut dilumpuhkan atau kelas kepada gaya dilumpuhkan pautan:

a[disabled] {
    color: gray;
}

Sokongan ARIA

Sertakan aria-disabled="true" bersama-sama atribut/kelas yang dilumpuhkan untuk memastikan kebolehaksesan untuk pembaca skrin.

Atas ialah kandungan terperinci Bagaimana Saya Boleh Lumpuhkan Pautan HTML dengan Berkesan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!