حادثة onpaste

أحداث DOM ClipboardEvent

التعريف والاستخدام

تحدث حادثة onpaste عند لصق المستخدم للمحتوى داخل العنصر.

على الرغم من أن جميع عناصر HTML يدعمون حادثة onpaste، إلا أنه من المستحيل نسخ المحتوى داخل عناصر مثل <p> إلا إذا تم تعيين contenteditable إلى "true" (انظر الأمثلة أدناه).

نصيحة: يستخدم حادثة onpaste بشكل رئيسي لعدة عناصر من نوع type="text" من <input>.

نصيحة:يمكنك لصق المحتوى داخل العنصر بثلاث طرق:

  • CTRL + V
  • من قائمة تحرير المتصفح أختار أمر اللصق
  • اختر أمر اللصق من قائمة القائمة المنسدلة للنقر بزر الماوس اليمين

مثال

مثال 1

عند نسخ نص داخل عنصر <input>، يتم تنفيذ JavaScript:

<input type="text" onpaste="myFunction()" value="نسخ شيء هنا">

جرب بنفسك

مثال 2

عند نسخ نص داخل عنصر <p>، يتم تنفيذ JavaScript (لاحظ أن contenteditable تم تعيينه إلى "true"):

<p contenteditable="true" onpaste="myFunction()">حاول نسخ شيء داخل هذا الفقرة.</p>

جرب بنفسك

النحو

في HTML:

<العنصر onpaste="myScript">

جرب بنفسك

في JavaScript:

الجسم.onpaste = function(){myScript};

جرب بنفسك

في JavaScript، استخدم طريقة addEventListener()

الجسم.addEventListener("paste", myScript);

جرب بنفسك

ملاحظة:Internet Explorer 8 أو الأحدث لا يدعمها طريقة addEventListener().

تفاصيل التقنية

تدفق الفقاعات: الدعم
قابل للإلغاء: الدعم
نوع الحدث: ClipboardEvent
العلامات HTML المدعومة: جميع عناصر HTML

دعم المتصفحات

أحداث Chrome IE Firefox Safari Opera
حدث onpaste الدعم الدعم الدعم الدعم الدعم

الصفحات ذات الصلة

دليل مرجع HTML DOM:حدث oncopy

دليل مرجع HTML DOM:حدث oncut

أحداث DOM ClipboardEvent