เหตุการณ์ JavaScript
- পূর্ববর্তী পৃষ্ঠা জেএস অবজেক্ট
- পরবর্তী পৃষ্ঠা জেএস স্ট্রিং
এইচটিএমএল ঘটনা হল এইচটিএমএল ইলেমেন্টের উপর ঘটনা。
এইচটিএমএল পৃষ্ঠায় জেসক্রিপ্ট ব্যবহার করার সময়, জেসক্রিপ্ট 'মোকাবিলা' করতে পারে এই ঘটনাগুলি。
এইচটিএমএল ঘটনা
এইচটিএমএল ঘটনা ব্রাউজার বা ব্যবহারকারীর কোনও কাজের সূত্রে হয়。
নিচে এইচটিএমএল ঘটনার কিছু উদাহরণ আছে:
- এইচটিএমএল ওয়েবসাইট লোড হয়
- এইচটিএমএল ইনপুট ফিল্ড পরিবর্তিত হয়
- এইচটিএমএল বাটন চাপা হয়
সাধারণত, ঘটনা ঘটলে, ব্যবহারকারী কোনও কিছু করতে চায়。
জেসক্রিপ্ট ঘটনা সন্নিবেশ হওয়ার সময় কোড সম্পাদন করতে আপনাকে অনুমতি দেয়。
জেসক্রিপ্ট কোডের মাধ্যমে،এইচটিএমএল ইলেমেন্টে ঘটনা হান্ডলার যুক্ত করতে আপনাকে অনুমতি দেয়。
এককগুণ চুপাই ব্যবহার করে:
<element event='কিছু জেসক্রিপ্ট>
দ্বিগুণ চুপাই ব্যবহার করে:
<element event="কিছু জেসক্রিপ্ট">
নিচের উদাহরণে,onclick বৈশিষ্ট্য (এবং কোড) যুক্ত করা হয়েছে <button> ইলেমেন্ট:
প্রতিমান
<button onclick='document.getElementById("demo").innerHTML=Date()'>এখন সময় কী?</button>
উপরের উদাহরণে, জেসক্রিপ্ট কোডটি id="demo" এর ইলেমেন্টের বিষয়টি পরিবর্তন করেছে。
আগামী উদাহরণে, কোডটি (ব্যবহার this.innerHTML）তার নিজস্ব ইলেমেন্টের বিষয়টি পরিবর্তন করেছে:
প্রতিমান
<button onclick="this.innerHTML=Date()">এখন সময় কী?</button>
জেসক্রিপ্ট কোডটি সাধারণত অনেকগুলি লাইন আছে। ঘটনা বৈশিষ্ট্য ফাংশন বোলবর্ষণ আরও সাধারণ:
প্রতিমান
<button onclick="displayDate()">এখন সময় কী?</button>
সাধারণ এইচটিএমএল ঘটনা
নিচে কিছু সাধারণ এইচটিএমএল ঘটনা আছে:
| ঘটনা | বর্ণনা |
|---|---|
| onchange | এইচটিএমএল ইলেমেন্টটি পরিবর্তিত হয়েছে |
| onclick | 用户点击了 HTML 元素 |
| onmouseover | ব্যবহারকারী মাউস এইচটিএমএল ইলেকমেন্টের উপর চলে যাচ্ছে |
| onmouseout | ব্যবহারকারী মাউস এইচটিএমএল ইলেকমেন্ট থেকে সরে যাচ্ছে |
| onkeydown | ব্যবহারকারী কীবোর্ড বাতাস চাপ করছে |
| onload | ব্রাউজার পৃষ্ঠা লোড সম্পন্ন হয়েছে |
আরও কমপল্ট তালিকা:কোডউ৩ডব্লিউসি.কম জেভাস্ক্রিপ্ট রেফারেন্স ম্যানুয়েল HTML DOM ইভেন্ট。
জেভাস্ক্রিপ্ট কী করতে পারে?
ইভেন্ট হ্যান্ডলার ব্যবহার করে ব্যবহারকারীর ইনপুট, ব্যবহারকারীর কাজ এবং ব্রাউজারের কাজ হ্যান্ডল করা যায়:
- পৃষ্ঠা লোড হলে কী করা হবে
- পৃষ্ঠা বন্ধ হলে কী করা হবে
- ব্যবহারকারী বাটন ক্লিক করলে করা হবে কী কাজ
- যে কনটেন্টটি ব্যবহারকারীর ইনপুট করতে হবে তা পরীক্ষা করা উচিত
- ইত্যাদি
জেভাস্ক্রিপ্ট ইভেন্ট হ্যান্ডলিং করার জন্য বিভিন্ন পদ্ধতি রয়েছে:
- এইচটিএমএল ইভেন্ট প্রতিশব্দ জেভাস্ক্রিপ্ট কোড কার্যকর করতে পারে
- এইচটিএমএল ইভেন্ট প্রতিশব্দ জেভাস্ক্রিপ্ট ফাংশন কল করতে পারে
- আপনি নিজস্ব ইভেন্ট হ্যান্ডলার এইচটিএমএল ইলেকমেন্টে এস্টোক করতে পারেন
- আপনি ইভেন্টটিকে পাঠানো বা হ্যান্ডল করা হওয়ার জন্য রোক করতে পারেন
- ইত্যাদি
আপনি এইচটিএমএল ডম চ্যাপ্টারে ইভেন্ট এবং ইভেন্ট হ্যান্ডলার সম্পর্কে আরও বেশি জানবেন
- পূর্ববর্তী পৃষ্ঠা জেএস অবজেক্ট
- পরবর্তী পৃষ্ঠা জেএস স্ট্রিং
