جسٹا اسکریپٹ ایچ تی ایم ڈی او ایم واقعیتیں
- صفحه پچھلے آنیماشن DOM
- صفحه بعد شناساگر رویداد DOM
ایچ تی ایل ڈوم جاوا اسکریپٹ کو ایچ تی ایل ایوینٹ پر رد عمل دینے کی اجازت دیتا ہے:
ایوینٹ پر رد عمل دینا
جاوا اسکریپٹ ایوینٹ کی صورت میں چل سکتا ہے، مثلاً جب کاربر کوئی ایچ تی ایل علامت پر کلک دیگا تو。
کوئی کد چلائیں تاکہ کاربر نے علامت پر کلک کیا جائے، وہ ایچ تی ایل ایوینٹ پر جاوا اسکریپٹ کو جوڑ دیں:
onclick=جاوا اسکریپٹ
ایچ تی ایل ایوینٹ کا مثال:
- جب کہ کاربر موس کا کلک کرتا ہے تو
- 当网页加载后
- 当图像加载后
- 当鼠标移至元素上时
- 当输入字段被改变时
- 当 HTML 表单被提交时
- 当用户敲击按键时
在本例中，当用户点击 时，会改变其内容：
مثال
点击此文本！
在本例中，从事件处理程序调用函数：
مثال
点击此文本！
<script> function changeText(id) { id.innerHTML = "Hello:)"; } </script>
HTML 事件属性
如需向 HTML 元素分配事件，您能够使用事件属性。
مثال
بٹن عناصر کو مقرر کردیگا onclick واقعیت:
<button onclick="displayDate()">کوشش کریں</button>
در مثال بالا، نامزد عمل displayDate کا فونکشن بٹن پر کلک کردیگا، تو عمل درآمدیگا。
استعمال HTML DOM واقعیت
HTML DOM آپ کو جوائسکریپت کا استعمال کئے بغیر HTML عناصر کو واقعیت کا استعمال کردیگا:
مثال
بٹن عناصر کیلئے مقرر کردیگا onclick واقعیت:
<script>
document.getElementById("myBtn").onclick = displayDate;
</script>
در مثال بالا، نامزد عمل displayDate کا فونکشن id="myBtn" کے HTML عناصر کو دئے گی.
جب بٹن پر کلک کردیگا، تو عمل درآمدیگا。
onload و onunload واقعیت
جب استعمال کنندہ کسی کا پینج کی جگہ میں داخل ہو یا کسی کا پینج کی جگہ سے باہر نکلدا ہو، تو اس واقعیت کو فائر کردیگا。 onload اور onunload واقعیت
onload واقعیت کو کسی کا براوزر کا نوعیت اور براوزر کی نسخہ جانچ کرکے استعمال کیا جاسکتا ہے، جس کی بنیاد پر وہ ویب پیج کی مناسب نسخہ لوڈ کردیگا。
onload اور onunload واقعیت کو کوکیز کو کا رد کیا جاسکتا ہے。
مثال
<body onload="checkCookies()">
onchange واقعیت
onchange واقعیت کا استعمال کیا جاتا ہے، جو ورودی فیلڈ کی صحت کی جانچ کے ساتھ استعمال کی جاتی ہے。
در حقیقت، اس واقعیت کا استعمال: onchange کا مثال، جب استعمال کنندہ کسی بجائی اپنے ورودی فیلڈ کا متبادل کردیگا، تو upperCase() عمل درآمدیگا。
مثال
<input type="text" id="fname" onchange="upperCase()">
onmouseover و onmouseout واقعیت
onmouseover اور onmouseout رویداد یوزر کو HTML عناصر پر یا سے باہر موس کو لے جائے یا کسی فنکشن کو تحریک کردیا جاتا ہے:
رویداد onmousedown، onmouseup اور onclick
onmousedown, onmouseup اور onclick رویداد پوری موس کلک کا بنیاد بنتی ہیں
ابتدا میں جب موس کا دباؤ کردیا جاتا ہے،onmousedown رویداد تحریک کردیا گیا ہے؛ بعد میں جب موس کا دباؤ رل جائے،onmouseup رویداد تحریک کردیا گیا ہے؛ آخری، جب موس کا کلک مکمل ہو جائے،onclick رویداد تحریک کردیا گیا ہے
بیشتر مثال
- onmousedown اور onmouseup
- جب یوزر موس کا دباؤ دیتا ہے تو تصویر بدل دے
- onload
- جب صفحہ مکمل طور پر لوڈ ہو جائے تو وارننگ باکس دکھائی دے
- onfocus
- جب انٹرپوائنٹ حاصل کرنے پر پس منظر رنگ بدل دے
- رویداد موس
- جب پوائنٹر عناصر پر آتا ہے تو رنگ بدل دے
منجمن عناصر رویداد HTML DOM
تمام لیست رویداد HTML DOM کے لئے، لطفاً ہمارے مکمل منجمن عناصر رویداد HTML DOM.
- صفحه پچھلے آنیماشن DOM
- صفحه بعد شناساگر رویداد DOM
