Ажурирање новембар 2020: Мислим да је најбоља могућа техника за ово Метод 4 у овом чланку. (Или шта год омот елемента) остаје семантички и приступачан, док је "кликне" по целој површини. Не нарушава избор текста и поштује друге „угнежђене“ интерактивне елементе.
Ово је савршено важећи ХТМЛ:
anything И не заборавите да можете да правите везе display: block;, тако да цела правоугаона површина постаје „кликљива“. Али, ако је ту гомила садржаја, то је апсолутно ужасно за приступачност, читав тај садржај као интерактивну везу.
Ако апсолутно требате да користите ЈаваСцрипт, један од начина је да пронађете везу унутар див-а и пређете на њега hrefкада се кликне на див. Ово је са јКуери:
$(".myBox").click(function() ( window.location = $(this).find("a").attr("href"); return false; ));Тражи везу унутар див-а са класом „миБок“. Преусмеравање на ту везу везе када се кликне било где у див-у.
Референтни ХТМЛ:
blah blah blah. link Или можете да поставите data-*атрибут на и учините следеће :
window.location = $(".myBox").data("location");