জেকুয়েরি mousemove() মেথড
সংজ্ঞা এবং ব্যবহার
নির্বাচিত এলিমেন্টের উপরে মাউস পয়েন্টার নাড়াচাড়া করলে mousemove ইভেন্ট ঘটে।
mousemove() মেথড mousemove ইভেন্ট ট্রিগার করে, অথবা mousemove ইভেন্ট ঘটলে রান করার জন্য একটি ফাংশন যুক্ত করে।
নোট: একজন ইউজার প্রতিবার এক পিক্সেল করে মাউস নাড়াচাড়া করলে mousemove ইভেন্ট ঘটে। সকল mousemove ইভেন্টকে প্রসেস করতে সিস্টেম রিসোর্সের প্রয়োজন হয়। সতর্কতার সাথে এই ইভেন্টটি ব্যবহার করুন।
সিনট্যাক্স ও ব্যাখ্যা
নির্বাচিত এলিমেন্টের জন্য mousemove ইভেন্ট ট্রিগার:
$(selector).mousemove();প্যারামিটার ও তাদের ভ্যালু
নিচের টেবিলে mousemove() মেথডে ব্যবহৃত প্যারামিটার এবং প্যারামিটারের সম্ভাব্য ভ্যালু গুলো দেখানো হলোঃ
| প্যারামিটার | বিবরণ |
|---|---|
| function | ঐচ্ছিক। mousemove ইভেন্ট সক্রিয় হলে যে ফাংশনটি রান হবে তা নির্দেশ করে। |
mousemove()মেথড সংক্রান্ত উদাহরণ
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জেকুয়েরি উদাহরণ</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$(document).mousemove(function(event){
$("span").text(event.pageX + ", " + event.pageY);
});
});
</script>
</head>
<body>
<p>মাউসের অবস্থানঃ <span></span></p>
</body>
</html>ফলাফল
mouseenter(), mouseover() এবং mousemove() এর মধ্যে পার্থক্য
mouseenter(), mouseover() এবং mousemove() এর মধ্যে পার্থক্যের বর্ণনা:
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জেকুয়েরি উদাহরণ</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
var a = 0;
var b = 0;
var c = 0;
$(document).ready(function(){
$("div#mouseover").mouseover(function(){
$("#mouseover span").text(a += 1);
});
$("div#mouseenter").mouseenter(function(){
$("#mouseenter span").text(b += 1);
});
$("div#mousemove").mousemove(function(){
$("#mousemove span").text(c += 1);
});
});
</script>
</head>
<body>
<div id="mouseover">
<h4>মাউস ওভার ইভেন্ট ট্রিগার করা হয়েছে: <span></span></h4>
</div>
<div id="mouseenter">
<h4>মাউস এন্টার ইভেন্ট ট্রিগার করা হয়েছে: <span></span></h4>
</div>
<div id="mousemove">
<h4>মাউস মুভ ইভেন্ট ট্রিগার করা হয়েছে: <span></span></h4>
</div>
</body>
</html>ফলাফল