5.00 / 1 oy

JQuery ile mouse bir div'in içine gelince mesaj göstermek

JQuery event'lerine bakarken enteresan gelenlerini paylaşmak istedim. Sitede yüzlerce Java yazısı görünce biraz gaza gelmiş olabilirim :)

JQuery ile mouse imleci bir div'in içine girdiğinde (tıklamaya gerek olmadan üzerine gelmesi yeterli) alert mesaj gösteren html/css/jquery basit bir sayfa geliştirelim. Bu işlem için kullanmamız gereken event mouseenter olacak.

JQuery mouseenter Event'i Örneği

jquery mouseenter

<!DOCTYPE html>
<html>

<head>

<meta charset="utf-8">
<title>Boş HTML Şablonu</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").mouseenter(function(){
  alert("Buraya girmek yasak");
});
</script>
</body>

</html>

 

RainingCodes

25.02.2020 16:01

Bu soru henüz yanıtlanmamış.

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 içine gelince 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.