5.00 / 1 oy

JQuery ile mouse bir div'in dışına çıkınca mesaj göstermek

Madem JQuery ile bir div'in içine girildiğinde alert verebildiğimiz bir eylem var (az önce paylaştığım JQuery onmouseenter event), mouse'un bu tanımlı alanın dışına çıkması ile tetikşenen bir eylem de olmalı. Bu event'in adı da mouseleave event'i.

JQuery mouseleave Event'i Örneği

jquery onmouseleave

<!DOCTYPE html>
<html>

<head>

<meta charset="utf-8">
<title>JQuery mouseleave event</title>

<style>
#yasak{background:red; width:300px; height:300px}
</style>

</head>

<body>

<div id="yasak"></div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

<script>
$("#yasak").mouseleave(function(){
alert("Buradan çıkmak yasak");
});
</script>
</body>

</html>

 

RainingCodes

25.02.2020 18:32

Bu soru 1 kez yanıtlandı.

Bu soruya sadece kayıtlı kullanıcılar yanıt yazabilirler. Yanıt yazmak için lütfen giriş yapınız.

Reitix
JQuery ile mouse bir div'in dışına çıkınca mesaj göstermek

İnternet sitemizdeki deneyiminizi iyileştirmek için çerezler kullanıyoruz. Bu siteye giriş yaparak çerez kullanımını kabul etmiş sayılıyorsunuz. Daha fazla bilgi.