HTML onwheel ইভেন্ট অ্যাট্রিবিউটটি ট্রিগার হয় যখন ইউজার একটি HTML এলিমেন্টে মাউসের হুইল মুভ করে একটি HTML ডকুমেন্টে।
সিনট্যাক্স
নিচে সিনট্যাক্স দেওয়া হলো:
<tagname onwheel=”script”>Content</tagname>
HTML onwheel ইভেন্ট অ্যাট্রিবিউটের একটি উদাহরণ দেখা যাক:
উদাহরণ
<!DOCTYPE html> <html> <head> <style> body { color: #000; height: 100vh; background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat; text-align: center; padding: 20px; } .wheel { border: 2px solid #fff; padding: 10px; } </style> </head> <body> <h1>HTML onwheel ইভেন্ট অ্যাট্রিবিউট ডেমো</h1> <p onwheel='wheelFn()' class='wheel'>এটি কিছু ডামি কন্টেন্ট সহ একটি প্যারাগ্রাফ। এটি কিছু ডামি কন্টেন্ট সহ একটি প্যারাগ্রাফ। এটি কিছু ডামি কন্টেন্ট সহ একটি প্যারাগ্রাফ। এটি কিছু ডামি কন্টেন্ট সহ একটি প্যারাগ্রাফ। এটি কিছু ডামি কন্টেন্ট সহ একটি প্যারাগ্রাফ। এটি কিছু ডামি কন্টেন্ট সহ একটি প্যারাগ্রাফ। এটি কিছু ডামি কন্টেন্ট সহ একটি প্যারাগ্রাফ। এটি কিছু ডামি কন্টেন্ট সহ একটি প্যারাগ্রাফ।</p> <p>উপরের প্যারাগ্রাফে মাউসের হুইল আপ বা ডাউন করুন</p> <script> function wheelFn() { document.body.style.background = "linear-gradient(45deg, #8BC6EC 0%, #9599E2 100%) no-repeat"; document.body.style.color = "#fff"; } </script> </body> </html>আউটপুট
এখন প্যারাগ্রাফ এলিমেন্টে মাউস হুইল আপ বা ডাউন করুন onwheel ইভেন্ট অ্যাট্রিবিউট কীভাবে কাজ করে তা পর্যবেক্ষণ করার জন্য।
