Atjaunināt 2020. gada novembri: es domāju, ka vislabākā iespējamā tehnika tam ir šī raksta 4. metode. (Vai kāds ietinamā elements) paliek semantiskā un pieejama, bet ir "klikšķināmos" pa visu laukumu. Tas nepārkāpj teksta izvēli un respektē citus “ligzdotos” interaktīvos elementus.
Tas ir pilnīgi derīgs HTML:
anything Un atcerieties, ka varat izveidot saites display: block;, lai viss taisnstūra laukums kļūtu “noklikšķināms”. Bet, ja tur ir daudz satura, tas ir absolūti briesmīgs pieejamībai, lasot visu šo saturu kā interaktīvo saiti.
Ja jums noteikti jāizmanto JavaScript, viens no veidiem ir atrast saiti div iekšpusē un pāriet uz to, hrefkad noklikšķina uz div. Tas ir ar jQuery:
$(".myBox").click(function() ( window.location = $(this).find("a").attr("href"); return false; ));Meklē saiti iekš div ar “myBox” klasi. Ja tiek noklikšķināts uz jebkuras vietas div, tiek novirzīts uz šo saišu vērtību.
Atsauces HTML:
blah blah blah. link Vai arī varat iestatīt data-*atribūtu un darīt, piemēram:
window.location = $(".myBox").data("location");