ล่าสุดการพัฒนาเว็บบทเรียน
×

JavaScript การอ้างอิง

ภาพรวม

JavaScript

JS เชือก JS จำนวน JS ผู้ประกอบการ JS งบ JS คณิตศาสตร์ JS วันที่ JS แถว JS บูลีน JS นิพจน์ทั่วไป JS สถานการณ์โดยรวม JS การแปลง

เบราว์เซอร์ BOM

Window Navigator Screen History Location

HTML DOM

DOM เอกสาร DOM องค์ประกอบ DOM แอตทริบิวต์ DOM เหตุการณ์ DOM รูปแบบ

HTML วัตถุ

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

วัตถุอื่น ๆ

CSSStyleDeclaration


 

เหตุการณ์ oncopy

<object เหตุการณ์

ตัวอย่าง

รัน JavaScript เมื่อคัดลอกข้อความบาง <input> องค์ประกอบ:

<input type="text" oncopy="myFunction()" value="Try to copy this text">
ลองตัวเอง»

เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง


ความหมายและการใช้งาน

เหตุการณ์ที่เกิดขึ้นเมื่อ oncopy สำเนาใช้เนื้อหาของธาตุนั้น

เคล็ดลับ: เหตุการณ์ oncopy ยังเกิดขึ้นเมื่อผู้ใช้สำเนาองค์ประกอบตัวอย่างเช่นภาพที่สร้างขึ้นด้วย <img> องค์ประกอบ

เคล็ดลับ: เหตุการณ์ oncopy จะถูกใช้ในส่วนใหญ่ <input> องค์ประกอบที่มีประเภท = "ข้อความ"

เคล็ดลับ: มีสามวิธีที่จะคัดลอกองค์ประกอบ / เนื้อหาขององค์ประกอบที่มี:

  • กด CTRL + C
  • เลือก "Copy" จากเมนูแก้ไขในเบราว์เซอร์ของคุณ
  • คลิกขวาเพื่อแสดงเมนูบริบทและเลือก "Copy" คำสั่ง

สนับสนุนเบราว์เซอร์

เหตุการณ์
oncopy ใช่ ใช่ ใช่ ใช่ ใช่

หมายเหตุ: เหตุการณ์ oncopy อาจไม่ทำงานตามที่คาดไว้ในเบราว์เซอร์บางอย่างเมื่อพยายามที่จะคัดลอกภาพ (See "More Examples" below)


วากยสัมพันธ์

ใน HTML:

ใน JavaScript:

object .oncopy=function(){ ลองตัวเอง»

ใน JavaScript โดยใช้ addEventListener() วิธีการ:

object .addEventListener("copy", myScript );
ลองตัวเอง»

หมายเหตุ: addEventListener() วิธีการที่ไม่ได้รับการสนับสนุนใน Internet Explorer 8 และรุ่นก่อนหน้านี้


รายละเอียดทางเทคนิค

บับเบิ้ล: ใช่
ยกเลิก: ใช่
ประเภทเหตุการณ์: ClipboardEvent
แท็ก HTML ที่รองรับ: องค์ประกอบ HTML ทั้งหมด

ตัวอย่าง

ตัวอย่างอื่น ๆ

ตัวอย่าง

รัน JavaScript เมื่อคัดลอกข้อความของบาง <p> องค์ประกอบ:

<p oncopy="myFunction()">Try to copy this text</p>
ลองตัวเอง»

ตัวอย่าง

รัน JavaScript เมื่อคัดลอกรูปภาพ:

<img src="w3ii.gif" oncopy="myFunction()">
ลองตัวเอง»

หน้าเว็บที่เกี่ยวข้อง

อ้างอิง HTML DOM: เหตุการณ์ onpaste

อ้างอิง HTML DOM: เหตุการณ์ oncut


อ้างอิงวัตถุที่จัดกิจกรรม วัตถุที่จัดกิจกรรม