سبد (0)

رویداد oncut

مثال (رویداد oncut)

اجرا شدن یک تابع جاوااسکریپت هنگام  cut کردن مقداری متن در یک عنصر input:

<input type="text" oncut="myFunction()" value="Try to cut this text">

خودتان امتحان کنید »

در انتهای این صفحه، مثال های بیشتری آورده شده است.


تعریف و کاربرد

رویداد oncut زمانی روی می دهد که کاربر محتوای یک عنصر را cut می کند.

نکته: با اینکه رویداد oncut در تمامی عناصر HTML پشتیبانی می شود اما cut کردن محتوا واقعا امکان پذیر نیست. بعنوان مثال یک عنصر <p> را در نظر بگیرید، در این عنصر زمانی می توان عمل cut کردن را اجرا کرد که خصوصیت contenteditable برابر با true باشد. 

رویداد oncut اکثرا در عناصر <input>  با ویژگی type="text"  استفاده می شود.

نکته: سه راه برای cut کردن محتوای یک عنصر وجود دارد:

  • فشار دادن دکمه های CTRL + X
  • انتخاب cut از منوی edit در مرورگر
  • راست کلیک کردن بر روی متن و انتخاب cut

پشتیبانی مرورگرها

Event     
oncut بله بله بله بله بله

نحوه استفاده

در HTML:

<element oncut="myScript">امتحان کنید

در جاوااسکریپت:

object.oncut=function(){myScript};امتحان کنید

استفاده از متد addEventListener() در جاوااسکریپت:

object.addEventListener("cut", myScript);امتحان کنید

نکته: متد addEventListener() در Internet Explorer 8  و ورژن های قدیمی تر آن پشتیبانی نمی شود.


جزئیات تکنیکی

Bubbles: بله
Cancelable: بله
Event type: ClipboardEvent
Supported HTML tags: All HTML elements

مثال

مثال - خودتان امتحان کنید

مثال (رویداد oncut)

اجرا کردن یک تابع جاوااسکریپت، هنگام cut کردن مقداری متن در یک عنصر <p>(توجه کنید که ویژگی contenteditable را برابر با true  قرار داده ایم):

<p contenteditable="true" oncut="myFunction()">Try to cut this text</p>

خودتان امتحان کنید »

آموزش های مرتبط

مرجع مدل DOM در اچ تی ام ال oncopy event

مرجع مدل DOM در اچ تی ام ال onpaste event


مرجع کلیه رویدادهای JavaScript Reference مرجع کلیه رویدادهای JavaScript


تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه