رویداد oncut
مثال (رویداد oncut)
اجرا شدن یک تابع جاوااسکریپت هنگام cut کردن مقداری متن در یک عنصر input:
خودتان امتحان کنید »
در انتهای این صفحه، مثال های بیشتری آورده شده است.
تعریف و کاربرد
رویداد oncut زمانی روی می دهد که کاربر محتوای یک عنصر را cut می کند.
نکته: با اینکه رویداد oncut در تمامی عناصر HTML پشتیبانی می شود اما cut کردن محتوا واقعا امکان پذیر نیست. بعنوان مثال یک عنصر <p> را در نظر بگیرید، در این عنصر زمانی می توان عمل cut کردن را اجرا کرد که خصوصیت contenteditable برابر با true باشد.
رویداد oncut اکثرا در عناصر <input> با ویژگی type="text" استفاده می شود.
نکته: سه راه برای cut کردن محتوای یک عنصر وجود دارد:
- فشار دادن دکمه های CTRL + X
- انتخاب cut از منوی edit در مرورگر
- راست کلیک کردن بر روی متن و انتخاب cut
پشتیبانی مرورگرها
| Event | |||||
|---|---|---|---|---|---|
| oncut | بله | بله | بله | بله | بله |
نحوه استفاده
در HTML:
در جاوااسکریپت:
استفاده از متد addEventListener() در جاوااسکریپت:
نکته: متد addEventListener() در Internet Explorer 8 و ورژن های قدیمی تر آن پشتیبانی نمی شود.
جزئیات تکنیکی
| Bubbles: | بله |
|---|---|
| Cancelable: | بله |
| Event type: | ClipboardEvent |
| Supported HTML tags: | All HTML elements |
مثال - خودتان امتحان کنید
مثال (رویداد oncut)
اجرا کردن یک تابع جاوااسکریپت، هنگام cut کردن مقداری متن در یک عنصر <p>(توجه کنید که ویژگی contenteditable را برابر با true قرار داده ایم):
خودتان امتحان کنید »
آموزش های مرتبط
مرجع مدل DOM در اچ تی ام ال oncopy event
مرجع مدل DOM در اچ تی ام ال onpaste event
مرجع کلیه رویدادهای JavaScript
- نوشته شده توسط احسان عباسی
- بازدید: 5525
