যখন mouse pointer নড়ানো হয়, তখন mouse move event সংগঠি হয় (Occurs when mouse pointer moves)। যখন কোন element এর মধ্যে mouse move করে তখন ঐ element টির area এর মধ্যে প্রতি pixel এ mouse move event সংগঠিত হয়। যখন mouse কোন element কে trigger করে তখন mouse pointer এর track রাখার জন্য event.pageX (position of X axis) এবং event.pageY (position of Y axis) ব্যবহার করা যেতে পারে।
Example :
[sourcecode language=”html”]
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<style type="text/css">
#bigbigbox{
margin:16px 16px 16px 48px;
border:1px groove blue;
background-color : #BBBBBB;
width:300px;
height:200px;
}
#msg{
color:#800000;
}
</style>
</head>
<body>
<h1>jQuery mousemove example</h1>
<div id="bigbigbox"></div>
<p id="msg"></p>
<script type="text/javascript">
var i=0;
$(‘#bigbigbox’).mousemove(function(event) {
var msg = ‘mousemove() position – x : ‘ + event.pageX + ‘, y : ‘
+ event.pageY + ‘ [counter] : ‘ + i++;
$(‘#msg’).text(msg);
});
</script>
</body>
</html>
[/sourcecode]
Try Demo
………………………………………………………………………………
আলোকিত একটা সুন্দর সমৃদ্ধ পৃথিবী আমাদের প্রত্যেকেরই স্বপ্ন । আসুন আমাদের মেধা পরিশ্রম কে বিজ্ঞান সম্মতভাবে ব্যবহার করে, আমাদের স্বপ্ন পূরণে অংশ গ্রহণ করি। আজ এখানেই শেষ করলাম। “HAVE A GOOD PROGRAMMING”
জে-কোয়েরী ধারাবাহিক টিউটোরিয়ালঃ
- জে-কোয়েরী কি ?
- JavaScript, AJAX এবং jQuery নিয়ে কিছু কথা
- জে-কোয়েরী কোডিং পদ্ধতি
- জে-কোয়েরী সিনট্যাক্স
- জে-কোয়েরী সেল্ফ এ্যাক্সিউটিং ফাংশন
- জে-কোয়েরী অবজেক্ট এ্যাস্কেসর
- জে-কোয়েরী সিলেক্টর সমূহ
- অল সিলেক্টর (All Selector)
- ক্লাস এবং আইডি সিলেক্টর
- ইলিমেন্ট এবং মাল্টিপাল সিলেক্টর
- এট্রিবিউট সিলেক্টর
- প্রিফিস্ক সিলেক্টর
- কন্টেইন্ডস্ সিলেক্টর
- ওয়ার্ড এবং এন্ড সিলেক্টর
- ইকুয়াল এবং নট ইকুয়াল সিলেক্টর
- স্টার্ট ওয়িথ এবং হ্যাজ সিলেক্টর
- মাল্টিপাল এট্রিবিউট সিলেক্টর
- এট্রিবিউট সিলেক্টর গুলি নিয়ে একটি ছোট project
- :হিডেন সিলেক্টর
- :ভিজিবল সিলেক্টর
- jQuery form selectors উদাহরন
- Dynamically add/remove textbox
- জে-কোয়েরী ইভেন্ট সমূহ
- ব্লুয়ার ইভেন্ট
- ফোকাস এবং চেঞ্জ ইভেন্ট
- সাবমিট এবং সিলেক্ট ইভেন্ট
- ফোকাস-ইন এবং ফোকাস-আউট ইভেন্ট
- কী-অপ, কী-ডাউন এবং কী-প্রেস ইভেন্ট
- কিভাবে copy, paste এবং cut behavior detect করা যায়?
- ক্লিক এবং ডাবল-ক্লিক ইভেন্ট
- মাউস্-মূভ ইভেন্ট