Comment ouvrir un lien HTML au passage de la souris ?

Réponses rédigées par Antoine

Dernière mise à jour : 2022-04-10 10:17:09

Question

Comment faire pour ouvrir un lien HTML au passage de la souris, sur un texte ou une image ?

Réponse

Pour ouvrir un lien HTML au passage de la souris, vous pouvez utiliser l'évènement JavaScript onmouseover et la méthode window.open :

<!DOCTYPE html> 
<html> 
<head>
<meta charset="UTF-8">
<title>Comment ouvrir un lien HTML au passage de la souris ?</title>
</head>
<body>
<div onmouseover="passageSouris()">1FORMATIK.com</div>
<script>
function passageSouris() {
window.open('https://www.collaborativejob.com', '_blank');
}
</script>
</body>
</html>

Vous trouverez d'avantage d'information sur la manière d'ouvrir un lien HTML, au passage de la souris, avec la méthode open(), via cette page du site de Mozilla.

Remarque : Ouvrir un nouvel onglet à partir de l'évènement onmouseover d'une balise html ne fonctionne plus avec la plupart des navigateurs, et cela pour des raisons de sécurité.