Summarize this content to 400 words in Persian Lang سلام خواننده👋 امیدوارم حالتون خوب باشه😊
در آخرین پست در مورد رابط های Document و Element DOM صحبت کردیم. در این پست قصد داریم در مورد چند رابط دیگر DOM صحبت کنیم.
پس بیایید شروع کنیم🔥
رابط رویداد
رابط رویداد نشان دهنده رویدادی است که روی یک EventTarget اتفاق می افتد. یک رویداد می‌تواند با عملکرد کاربر به‌عنوان مثال کلیک کردن روی دکمه ماوس یا ضربه زدن روی صفحه‌کلید فعال شود، یا توسط APIها برای نشان دادن پیشرفت یک کار ناهمزمان ایجاد شود.
بسیاری از عناصر DOM را می توان برای پذیرش (یا “گوش دادن”) این رویدادها، و اجرای کد در پاسخ به پردازش (یا “کنترل”) آنها تنظیم کرد. رویدادها معمولاً به عناصر مختلف HTML متصل (یا “ضمیمه”) هستند (مانند <button>, <div>, <span> و غیره) با استفاده از EventTarget.addEventListener().
را addEventListener() متد یک رویداد کنترل کننده را به عنصر مشخص شده متصل می کند.
رویدادهای مختلفی وجود دارد که می توان روی یک عنصر انجام داد مانند -:
کلیک کنید -> هنگامی که دکمه یا هر عنصر قابل کلیک دیگری کلیک می شود فعال می شود.
blur -> زمانی که یک عنصر فوکوس خود را از دست داده است فعال می شود.
فوکوس -> زمانی فعال می شود که یک عنصر فوکوس را به دست آورد.
mouseover -> زمانی که نشانگر ماوس به آن عنصر اشاره می کند، فعال می شود.
ماوس کردن
transistionend -> وقتی پخش CSS به پایان رسید فعال می شود.
ارسال -> هنگام ارسال یک فرم فعال می شود.
رویدادهای بیشتری وجود دارد که می توان انجام داد. اما اینها موارد مهمی هستند.
روش های رویداد
event.preventDefault() -> برای جلوگیری از رفتار پیش فرض یک رویداد استفاده می شود. به عنوان مثال هنگامی که روی دکمه ای کلیک می شود، صفحه دوباره بارگذاری می شود، می توان با استفاده از این روش از این امر جلوگیری کرد.
اینترفیس‌های بیشتری وجود دارد، اما اینها موارد مهمی بودند.
ما می توانیم سبک عنصر HTML را با استفاده از JS DOM تغییر دهیم -:
پس این برای این وبلاگ است امیدوارم به خوبی متوجه شده باشید. لطفا اگر چیزی را از دست دادم اضافه کنید.
فراموش نکنید که من را دنبال کنید.
ممنون 🩵
سلام خواننده👋 امیدوارم حالتون خوب باشه😊
در آخرین پست در مورد رابط های Document و Element DOM صحبت کردیم. در این پست قصد داریم در مورد چند رابط دیگر DOM صحبت کنیم.
پس بیایید شروع کنیم🔥
رابط رویداد
رابط رویداد نشان دهنده رویدادی است که روی یک EventTarget اتفاق می افتد. یک رویداد می‌تواند با عملکرد کاربر به‌عنوان مثال کلیک کردن روی دکمه ماوس یا ضربه زدن روی صفحه‌کلید فعال شود، یا توسط APIها برای نشان دادن پیشرفت یک کار ناهمزمان ایجاد شود.
بسیاری از عناصر DOM را می توان برای پذیرش (یا “گوش دادن”) این رویدادها، و اجرای کد در پاسخ به پردازش (یا “کنترل”) آنها تنظیم کرد. رویدادها معمولاً به عناصر مختلف HTML متصل (یا “ضمیمه”) هستند (مانند <button>, <div>, <span> و غیره) با استفاده از EventTarget.addEventListener().
را addEventListener() متد یک رویداد کنترل کننده را به عنصر مشخص شده متصل می کند.
رویدادهای مختلفی وجود دارد که می توان روی یک عنصر انجام داد مانند -:
کلیک کنید -> هنگامی که دکمه یا هر عنصر قابل کلیک دیگری کلیک می شود فعال می شود.
blur -> زمانی که یک عنصر فوکوس خود را از دست داده است فعال می شود.
فوکوس -> زمانی فعال می شود که یک عنصر فوکوس را به دست آورد.
mouseover -> زمانی که نشانگر ماوس به آن عنصر اشاره می کند، فعال می شود.
ماوس کردن
transistionend -> وقتی پخش CSS به پایان رسید فعال می شود.
ارسال -> هنگام ارسال یک فرم فعال می شود.
رویدادهای بیشتری وجود دارد که می توان انجام داد. اما اینها موارد مهمی هستند.
روش های رویداد
-
event.preventDefault()-> برای جلوگیری از رفتار پیش فرض یک رویداد استفاده می شود. به عنوان مثال هنگامی که روی دکمه ای کلیک می شود، صفحه دوباره بارگذاری می شود، می توان با استفاده از این روش از این امر جلوگیری کرد.
اینترفیس‌های بیشتری وجود دارد، اما اینها موارد مهمی بودند.
ما می توانیم سبک عنصر HTML را با استفاده از JS DOM تغییر دهیم -:
پس این برای این وبلاگ است امیدوارم به خوبی متوجه شده باشید. لطفا اگر چیزی را از دست دادم اضافه کنید.
فراموش نکنید که من را دنبال کنید.
ممنون 🩵
