کدووسی ڈیوٹی ان لائن
  • ایچ تی ایم ایل سیریز ان لائن
  • Browser Script
  • Server Script
  • پروگرامنگ ان لائن
  • ایکس ایم ایل سیریز ان لائن
  • بنیادی سائٹینک ان لائن
  • منظور کی ان لائن

Timetable

JS Reference Manual

  • JS Reference Manual (Category Order)
  • JS Reference Manual (Alphabetical Order)

JavaScript

  • JS Array
  • JS Boolean
  • JS Class
  • JS Date
  • JS Error
  • JS Global
  • JS JSON
  • JS Map
  • JS Math
  • JS Number
  • JS Promise
  • JS RegExp
  • JS Set
  • JS String
  • JS Object
  • JS Operator
  • JS Operator Precedence
  • JS Statement
  • JS Type Array

Window

  • ویندو آوبجیکٹ
  • Window Console
  • Window History
  • Window Location
  • Window Navigator
  • Window Screen

HTML DOM

  • HTML Document
  • HTML Element
  • HTML Attribute
  • HTML Event
  • HTML Event ਆਬੇਦੀ
  • HTML Collection
  • HTML NodeList
  • HTML DOMTokenList
  • HTML Style

Web API

  • API Canvas
  • API Console
  • API Fetch
  • API Fullscreen
  • API Geolocation
  • API History
  • API MediaQueryList
  • API Storage
  • API Validation
  • Web API

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>
  • <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>
  • <sub>
  • <summary>
  • <sup>
  • <table>
  • <tbody>
  • <td>
  • <tfoot>
  • <th>
  • <thead>
  • <tr>
  • <textarea>
  • </a></li> <li><a href="/pa/jsref/dom_obj_track.html" title="HTML DOM Track عناصر"><track></a></li> <li><a href="/pa/jsref/dom_obj_u.html" title="HTML DOM Underline عناصر"><u></a></li> <li><a href="/pa/jsref/dom_obj_ul.html" title="HTML DOM Ul عناصر"><ul></a></li> <li><a href="/pa/jsref/dom_obj_var.html" title="HTML DOM Variable عناصر"><var></a></li> <li><a href="/pa/jsref/dom_obj_video.html" title="HTML DOM Video عناصر"><video></a></li> </ul> <h2>其他参考手册</h2> <ul> <li><a href="/pa/jsref/obj_cssstyledeclaration.html" title="CSSStyleDeclaration عناصر">CSSStyleDeclaration</a></li> <li><a href="/pa/jsref/jsref_type_conversion.html" title="JavaScript نوع تبدیل">JS 类型转换</a></li> </ul> </div> <div><h3><center> 选修课 </center><h3> <h2>课程推荐：</h2> <ul> <li><a href="/pa/howto/index.html" title="CodeW3C.com کا داکن">CodeW3C.com کا داکن</a></li> </ul> </div> </div> <div id="maincontent"> <div class="idea"> <a href="/"><button>English</button></a> <a href="/zh/"><button>中文</button></a> <a href="/oldzh/"><button>繁體中文</button></a> <a href="/ru/"><button>Русский</button></a> <a href="/fr/"><button>Français</button></a> <a href="/de/"><button>Deutsch</button></a> <a href="/es/"><button>Español</button></a> <a href="/pt/"><button>Português</button></a> <a href="/ja/"><button>日本語</button></a> <a href="/ko/"><button>한국어</button></a> <a href="/it/"><button>Italiano</button></a> <a href="/ar/"><button>عربي</button></a> <a href="/hi/"><button>हिंदी</button></a> <a href="/bn/"><button>বাংলা</button></a> <a href="/ms/"><button>Bahasa Malaysia</button></a> <a href="/my/"><button>မြန်မာ</button></a> <a href="/vi/"><button>Tiếng Việt</button></a> <a href="/th/"><button>ภาษาไทย</button></a> <a href="/lo/"><button>ລາວ</button></a> <a href="/id/"><button>Bahasa Indonesia</button></a> <a href="/ur/"><button>اردو</button></a> <a href="/ha/"><button>Hausa</button></a> <a href="/pl/"><button>Język polski</button></a> <a href="/pa/"><button>ਪੰਜਾਬੀ</button></a> <a href="/sv/"><button>Svenska</button></a> <a href="/da/"><button>Dansk</button></a> <a href="/nl/"><button>Nederlands</button></a> <a href="/tr/"><button>Türkçe</button></a> <a href="/fi/"><button>suom.</button></a> <a href="/el/"><button>Ελληνικά</button></a> <a href="/fa/"><button>فارسی</button></a> <a href="/sw/"><button>Kiswahili</button></a> <a href="/te/"><button>తెలుగు</button></a> <a href="/tl/"><button>wikang Galu</button></a> </div> <h1>ondragleave وقفه</h1> <div class="btn-toref"> <a href="/pa/jsref/dom_obj_event.html" title="ایچ تی ایم ایل ڈوم ایونٹ">DOM وقفه</a> <a href="/pa/jsref/obj_dragevent.html" title="HTML DOM DragEvent">DragEvent</a> </div> <div> <h2>定义和用法</h2> <p>ਜਦੋਂ ਟ੍ਰੈਕਟੇਬਲ ਐਲੀਮੈਂਟ ਜਾਂ ਟੈਕਸਟ ਚੋਣ ਪਲੇਸਮੈਂਟ ਟਾਰਗੇਟ ਤੋਂ ਬਾਹਰ ਚਲਦੀ ਹੈ ਤਾਂ ondragleave ਘਟਨਾ ਹੁੰਦੀ ਹੈ。</p> <p>ondragenter ਅਤੇ ondragleave ਘਟਨਾਵਾਂ ਉਪਯੋਗਕਰਤਾ ਨੂੰ ਇਹ ਦੱਸਦੀਆਂ ਹਨ ਕਿ ਕਿਸੇ ਟ੍ਰੈਕਟੇਬਲ ਐਲੀਮੈਂਟ ਨੂੰ ਪਲੇਸਮੈਂਟ ਟਾਰਗੇਟ ਵਿੱਚ ਜਾਣ ਜਾਂ ਬਾਹਰ ਜਾਣ ਦੀ ਸ਼ੁਰੂਆਤ ਹੋ ਰਹੀ ਹੈ।ਉਦਾਹਰਣ ਵਜੋਂ, ਟ੍ਰੈਕਟੇਬਲ ਐਲੀਮੈਂਟ ਪਲੇਸਮੈਂਟ ਟਾਰਗੇਟ ਵਿੱਚ ਆਉਣ ਦੇ ਸਮੇਂ ਪ੃਷ਠ ਰੰਗ ਨੂੰ ਸੈਟ ਕਰ ਸਕਦੇ ਹਨ ਅਤੇ ਐਲੀਮੈਂਟ ਬਾਹਰ ਜਾਣ ਦੇ ਸਮੇਂ ਰੰਗ ਨੂੰ ਹਟਾ ਸਕਦੇ ਹਨ</p> <p>ਟ੍ਰੈਕ ਅਤੇ ਡਰਾਗ ਹੈ, ਜਦੋਂ ਤੁਸੀਂ ਇੱਕ ਅਧਿਆਤਮ ਨੂੰ 'ਗ੍ਰਿੱਪ' ਕਰਦੇ ਹੋ ਅਤੇ ਉਸ ਨੂੰ ਵੱਖ ਸਥਾਨ 'ਤੇ ਲੈ ਜਾਉਂਦੇ ਹੋ।ਜਿਸ ਬਾਰੇ ਹੋਰ ਜਾਣਕਾਰੀ ਲੈਣ ਲਈ ਅਸੀਂ ਵਿੱਚ ਪੜ੍ਹੋ <a href="/pa/html/html5_draganddrop.html" title="HTML5 دسست">HTML5 دسست</a>ਦੇ ਵਿੱਚ</p> <p class="note"><span>ਟਿੱਪਣੀਆਂ:</span>ਜੇਕਰ ਤੁਸੀਂ ਐਲੀਮੈਂਟ ਨੂੰ ਟ੍ਰੈਕਟੇਬਲ ਬਣਾਉਣਾ ਚਾਹੁੰਦੇ ਹੋ ਤਾਂ ਵਿਸ਼ਵਾਸੀ HTML ਟੂਰ ਵਰਤੋਂ ਕਰੋ <a href="/pa/tags/att_global_draggable.html" title="HTML draggable وقفه">HTML5 draggable ਪ੍ਰਤੀਯੋਗਿਤਾ</a>。</p> <p class="tip"><span>ਸੁਝਾਅ:</span>ਮੂਲਰੂਪ ਵਿੱਚ, ਲਿੰਕ ਅਤੇ ਚਿੱਤਰ ਟ੍ਰੈਕਟੇਬਲ ਹਨ, draggable ਪ੍ਰਤੀਯੋਗਿਤਾ ਦੀ ਜਰੂਰਤ ਨਹੀਂ ਹੁੰਦੀ</p> <p>ਟ੍ਰੈਕ ਅਤੇ ਡਰਾਗ ਕਰਨ ਦੇ ਵੱਖ-ਵੱਖ ਪੜਾਵਾਂ 'ਚ, ਕਈ ਘਟਨਾਵਾਂ ਵਰਤੀਆਂ ਜਾਂਦੀਆਂ ਹਨ ਅਤੇ ਹੋ ਸਕਦੀਆਂ ਹਨ:</p> <p>ਟ੍ਰੈਕਟੇਬਲ ਟਾਰਗੇਟ (ਸਰੋਤ ਐਲੀਮੈਂਟ) 'ਤੇ ਟ੍ਰਿਗਰ ਹੋਣ ਵਾਲੀਆਂ ਘਟਨਾਵਾਂ:</p> <ul> <li><a href="/pa/jsref/event_ondragstart.html" title="ondragstart وقفه">ondragstart</a> - ਜਦੋਂ ਉਪਯੋਗਕਰਤਾ ਐਲੀਮੈਂਟ ਨੂੰ ਟ੍ਰੈਕ ਕਰਨ ਦੀ ਸ਼ੁਰੂਆਤ ਕਰਦਾ ਹੈ ਤਾਂ ਹੁੰਦਾ ਹੈ</li> <li><a href="/pa/jsref/event_ondrag.html" title="ondrag وقفه">ondrag</a> - ਜਦੋਂ ਐਲੀਮੈਂਟ ਟ੍ਰੈਕ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਤਾਂ ਹੁੰਦਾ ਹੈ</li> <li><a href="/pa/jsref/event_ondragend.html" title="ondragend وقفه">ondragend</a> - ਜਦੋਂ ਉਪਯੋਗਕਰਤਾ ਟ੍ਰੈਕਟੇਬਲ ਐਲੀਮੈਂਟ ਨੂੰ ਟ੍ਰੈਕ ਕਰਨ ਨੂੰ ਪੂਰਾ ਕਰਦਾ ਹੈ ਤਾਂ ਹੁੰਦਾ ਹੈ</li> </ul> <p>ਪਲੇਸਮੈਂਟ ਟਾਰਗੇਟ 'ਤੇ ਟ੍ਰਿਗਰ ਹੋਣ ਵਾਲੇ ਘਟਨਾਵਾਂ:</p> <ul> <li><a href="/pa/jsref/event_ondragenter.html" title="ondragenter وقفه">ondragenter</a> - ਜਦੋਂ ਟ੍ਰੈਕਟੇਬਲ ਐਲੀਮੈਂਟ ਪਲੇਸਮੈਂਟ ਟਾਰਗੇਟ ਵਿੱਚ ਆਉਂਦਾ ਹੈ ਤਾਂ ਹੁੰਦਾ ਹੈ</li> <li><a href="/pa/jsref/event_ondragover.html" title="ondragover وقفه">ondragover</a> - ਜਦੋਂ ਟ੍ਰੈਕਟੇਬਲ ਐਲੀਮੈਂਟ ਪਲੇਸਮੈਂਟ ਟਾਰਗੇਟ 'ਤੇ ਹੈ ਤਾਂ ਹੁੰਦਾ ਹੈ</li> <li><a href="/pa/jsref/event_ondragleave.html" title="ondragleave وقفه">ondragleave</a> - ਜਦੋਂ ਟ੍ਰੈਕਟੇਬਲ ਐਲੀਮੈਂਟ ਪਲੇਸਮੈਂਟ ਟਾਰਗੇਟ ਤੋਂ ਬਾਹਰ ਚਲਦਾ ਹੈ ਤਾਂ ਹੁੰਦਾ ਹੈ</li> <li><a href="/pa/jsref/event_ondrop.html" title="ondrop وقفه">ondrop</a> - ਜਦੋਂ ਟ੍ਰੈਕਟੇਬਲ ਐਲੀਮੈਂਟ ਪਲੇਸਮੈਂਟ ਟਾਰਗੇਟ 'ਤੇ ਪਾਇਆ ਜਾਂਦਾ ਹੈ ਤਾਂ ਹੁੰਦਾ ਹੈ</li> </ul> </div> <div> <h2>\u6848\u4f8b</h2> <p>ਜਦੋਂ ਟ੍ਰੈਕਟੇਬਲ ਐਲੀਮੈਂਟ ਪਲੇਸਮੈਂਟ ਟਾਰਗੇਟ ਤੋਂ ਬਾਹਰ ਚਲਦਾ ਹੈ ਤਾਂ JavaScript ਚਲਾਉਣਾ:</p> <pre class="language-html"> <div ondragleave="myFunction(event)"></div> </pre> <p class="tiy"><a target="_blank" href="/pa/tiy/t.html?f=jsck_error_message">ਆਪਣੇ ਅਨੁਸਾਰ ਪ੍ਰਯੋਗ ਕਰੋ</a></p> <p>ਪੰਨੇ ਦੇ ਨੀਚੇ ਹੋਰ TIY ਉਦਾਹਰਣ ਹਨ。</p> </div> <div> <h2>ਗਰੰਥਕਾਰਣ</h2> <p>ਜਿਵੇਂ ਕਿ HTML ਵਿੱਚ:</p> <pre class="language-html"> <<i>element</i> ondragleave="<i>myScript</i>"> </pre> <p class="tiy"><a target="_blank" href="/pa/tiy/t.html?f=jsck_error_message">ਆਪਣੇ ਅਨੁਸਾਰ ਪ੍ਰਯੋਗ ਕਰੋ</a></p> <p>ਜਿਵੇਂ ਕਿ JavaScript ਵਿੱਚ:</p> <pre class="language-js"> <i>object</i>.ondragleave = function(){<i>myScript</i>}; </pre> <p class="tiy"><a target="_blank" href="/pa/tiy/t.html?f=jsck_error_message">ਆਪਣੇ ਅਨੁਸਾਰ ਪ੍ਰਯੋਗ ਕਰੋ</a></p> <p>ਜਿਵੇਂ ਕਿ JavaScript ਵਿੱਚ ਵਰਤੋਂ ਕਰਨ ਲਈ addEventListener() ਮੈਥਡ:</p> <pre class="language-js"> <i>object</i>.addEventListener("dragleave", <i>myScript</i>); </pre> <p class="tiy"><a target="_blank" href="/pa/tiy/t.html?f=jsck_error_message">ਆਪਣੇ ਅਨੁਸਾਰ ਪ੍ਰਯੋਗ ਕਰੋ</a></p> <p class="note"><span>ਟਿੱਪਣੀਆਂ:</span>Internet Explorer 8 ਜਾਂ ਪੁਰਾਣੀਆਂ ਸੰਸਕਰਣਾਂ ਤੋਂ ਪਹਿਲਾਂ ਸਮਰਥਨ ਨਹੀਂ ਕਰਦੇ <a href="/pa/jsref/met_element_addeventlistener.html" title="HTML DOM addEventListener() موسیقی">addEventListener() ਮੈਥਡ</a>。</p> </div> <div> <h2>\u6280\u672f\u7ec6\u8282</h2> <table class="definition-usage"> <tr> <th>\u53d8\u7063\u6d41\uFF1A</th> <td>\u652f\u6301</td> </tr> <tr> <th>\u53ef\u53d6\u6d88\u7684\uFF1A</th> <td>\u4e0d\u652f\u6301</td> </tr> <tr> <th>\u4e8b\u4ef6\u7c7b\u578b\uFF1A</th> <td><a href="/pa/jsref/obj_dragevent.html" title="HTML DOM DragEvent">DragEvent</a></td> </tr> <tr> <th>\u652f\u6301\u7684\u5e94\u7528\u7a0b\u5e8f\u7c7b\u6807\u7b7e\uFF1A</th> <td>\u6240\u6709\u5e94\u7528\u7a0b\u5e8f\u7684\u5e94\u7528\u7a0b\u5e8f\u7c7b\u578b</td> </tr> <tr> <th style="width: 25%;">DOM \u7248\u672c\uFF1A</th> <td>Level 3 Events</td> </tr> </table> </div> <div> <h2>\u6d4f\u89c6\u5668\u652f\u6301</h2> <p>\u8868\u4e2d\u7684\u6570\u5b57\u660e\u793a\u4e86\u5171\u652f\u6301\u8be5\u4e8b\u4ef6\u7684\u7b2c\u4e00\u4e2a\u6d4f\u89c6\u5668\u7248\u672c</p> <table class="browser-support"> <tr> <th class="bsTh">\u4e8b\u4ef6</th> <th class="bsChrome">Chrome</th> <th class="bsIE">IE</th> <th class="bsFirefox">Firefox</th> <th class="bsSafari">Safari</th> <th class="bsOpera">\u6b63\u5f0f</th> </tr> <tr> <td>ondragleave</td> <td>4.0</td> <td>9.0</td> <td>3.5</td> <td>6.0</td> <td>12.0</td> </tr> </table> </div> <div> <h2>\u6848\u4f8b</h2> <p>\u5bf9\u6240\u6709\u53ef\u80fd\u7684\u62d6\u52a8\u4e14\u6295\u653e\u4e8b\u4ef6\u7684\u6f14\u793a:</p> <pre class="language-html"> <p draggable="true" id="dragtarget">\u62d6\u6211!</p> <div class="droptarget">\u6c38\u5230\u8fd9\u91cc!</div> <script> /* ----------------- \u5728\u62d6\u52a8\u76ee\u6807\u4e0a\u89e3\u53d1\u7684\u4e8b\u4ef6 ----------------- */ document.addEventListener("dragstart", function(event) { // dataTransfer.setData()\u65b9\u6cd5\u8bbe\u7f6e\u88ab\u62d6\u52a8\u6570\u636e\u7684\u6570\u636e\u7c7b\u578b\u548c\u503c event.dataTransfer.setData("Text", event.target.id); // \u5f00\u59cb\u62d6\u52a8\u5c0f\u6587\u6863\u65f6\u8f93\u51fa\u4e00\u4e9b\u6587\u672c document.getElementById("demo").innerHTML = "/\u5f00\u59cb\u62d6\u52a8\u5c0f\u6587\u6863\u65f6\u8f93\u51fa\u4e00\u4e9b\u6587\u672c."; // \u4fee\u6539\u53ef\u62d6\u52a8\u5143\u7d20\u7684\u4e0d\u9002\u6bd4\u5ea6 event.target.style.opacity = "0.4"; }); // \u62d6\u52a8\u5c0f\u6587\u6863\u65f6\u4fee\u6539\u8f93\u51fa\u6587\u672c\u7684\u989c\u8272 document.addEventListener("drag", function(event) { document.getElementById("demo").style.color = "red"; }); // \u5b8c\u6210\u62d6\u52a8\u4e86\u5c0f\u6587\u6863\u5e94\u7528\u7a0b\u5e8f\u540e\u8f93\u51fa\u4e00\u4e9b\u6587\u672c\u5e76\u91cd\u7f6e\u4e0d\u9002\u6bd4\u5ea6 document.addEventListener("dragend", function(event) { document.getElementById("demo").innerHTML = "/\u6b63\u5907\u6dfb\u52a0\u4e86\u62d6\u52a8\u7684\u5e94\u7528\u7a0b\u5e8f."; event.target.style.opacity = "1"; }); /* ----------------- ਪਾਠਣ ਟਿਕਾਣੇ 'ਤੇ ਟ੍ਰਿਗਰ ਹੋਣ ਵਾਲੇ ਈਵੈਂਟ ----------------- */ // ਟ੍ਰੈਕਕੀਬਲ p ਵਿਸ਼ੇਸ਼ਤਾ ਦੀ droptarget ਵਿੱਚ ਆਉਣ ਉੱਤੇ DIV ਦੀ ਬੋਰਡਰ ਸਟਾਈਲ ਬਦਲੋ document.addEventListener("dragenter", function(event) { if ( event.target.className == "droptarget" ) { event.target.style.border = "3px dotted red"; } }); // ਮੂਲ ਰੂਪ ਵਿੱਚ, ਅਜਿਹੇ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਵਿੱਚ ਡਾਟਾ/ਵਿਸ਼ੇਸ਼ਤਾ ਪਾਠਣ ਨਹੀਂ ਸਕਦੇ। ਪਾਠਣ ਨੂੰ ਅਨੁਮਾਨ ਕਰਨ ਲਈ, ਅਸੀਂ ਵਿਸ਼ੇਸ਼ਤਾ ਦੀ ਮੂਲ ਪ੍ਰਕਿਰਿਆ ਨੂੰ ਰੋਕਣਾ ਹੋਵੇਗਾ document.addEventListener("dragover", function(event) { event.preventDefault(); }); // ਟ੍ਰੈਕਕੀਬਲ p ਵਿਸ਼ੇਸ਼ਤਾ ਦੀ droptarget ਤੋਂ ਬਾਹਰ ਹੋਣ ਉੱਤੇ DIV ਦੀ ਬੋਰਡਰ ਸਟਾਈਲ ਮੁੜ ਸੈਟ ਕਰੋ document.addEventListener("dragleave", function(event) { if ( event.target.className == "droptarget" ) { event.target.style.border = ""; } }); /* ਪਾਠਣ - ਬਰਾਉਜ਼ਰ ਨੂੰ ਡਾਟਾ ਦੀ ਮੂਲ ਪ੍ਰਕਿਰਿਆ ਰੋਕ ਕਰੋ (ਮੂਲ ਪਾਠਣ ਵਾਲੇ ਲਿੰਕ ਵਜੋਂ ਪਾਠਣ) */ ਆਉਟਪੁੱਟ ਟੈਕਸਟ ਦੀ ਰੰਗ ਅਤੇ DIV ਦੀ ਬੋਰਡਰ ਰੰਗ ਮੁੜ ਸੈਟ ਕਰੋ dataTransfer.getData() ਮੰਥਰ ਦੇ ਟ੍ਰੈਕ ਕੀਤੇ ਡਾਟਾ ਪ੍ਰਾਪਤ ਕਰੋ ਟ੍ਰੈਕ ਕੀਤੇ ਡਾਟਾ ਟ੍ਰੈਕ ਕੀਤੇ ਵਿਸ਼ੇਸ਼ਤਾ ਦਾ id ਹੈ ("drag1") ਟ੍ਰੈਕ ਕੀਤੇ ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਪਾਠਣ ਵਿਸ਼ੇਸ਼ਤਾ ਵਿੱਚ ਜੋੜੋ */ document.addEventListener("drop", function(event) { event.preventDefault(); if ( event.target.className == "droptarget" ) { document.getElementById("demo").style.color = ""; event.target.style.border = ""; var data = event.dataTransfer.getData("Text"); event.target.appendChild(document.getElementById(data)); } }); </script> </pre> <p class="tiy"><a target="_blank" href="/pa/tiy/t.html?f=event_ondrag_all">ਆਪਣੇ ਅਨੁਸਾਰ ਪ੍ਰਯੋਗ ਕਰੋ</a></p> </div> <div> <h2>ਸਬੰਧਤ ਪੰਨੇ</h2> <p><a href="/pa/html/html5_draganddrop.html" title="HTML5 دسست">HTML ਸਿੱਖਿਆ: HTML5 ਟ੍ਰੈਕ ਅਤੇ ਡਰਾਗ</a></p> <p><a href="/pa/tags/att_global_draggable.html" title="HTML draggable وقفه">HTML ਪਰੋਫਾਈਲ: HTML draggable ਵਿਸ਼ੇਸ਼ਤਾ</a></p> </div> <div class="btn-toref"> <a href="/pa/jsref/dom_obj_event.html" title="ایچ تی ایم ایل ڈوم ایونٹ">DOM وقفه</a> <a href="/pa/jsref/obj_dragevent.html" title="HTML DOM DragEvent">DragEvent</a> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div> <!-- maincontent end --> <div id="sidebar"> <div><h3><center> آلات کا داکن </center><h3> <h5 id="tools_reference"><a href="/pa/jsref/index.html">جاوا اسکریپٹ اور ایچ تی ایم ایل ڈوم ان لائن</a></h5> <h5 id="tools_example"><a href="/pa/js/js_examples.html">JavaScript مثال</a></h5> <h5 id="tools_quiz"><a href="/pa/js/js_quiz.html">JavaScript امتحان</a></h5> <h5 id="tools_tutorial"><a href="/pa/js/index.html">JavaScript تعلیم</a></h5> </div> <div><h3><center> انعام دار لنک </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> CodeW3C.com کی فراہمی وضاحت سے محروم ہیں، صحت نہیں دی جاتی ہے۔ اس سائٹ کا استعمال کے ذریعے آنے والے خطرات اس سائٹ سے منفرد ہیں۔ تمام حقوق محفوظ، تمام حقوق رکھے گئے ہیں。 </p> <p id="p2"> <a href="/pa/about/index.html" title="CodeW3C.com کے بارے میں">CodeW3C.com کے بارے میں</a> <a href="/pa/about/about_helping.html" title="CodeW3C.com کی مدد">CodeW3C.com کی مدد</a> <a href="/pa/about/about_use.html" title="کا استعمال">استعمال شرط</a> <a href="/pa/about/about_privacy.html" title="پریویسی کے بارے میں">پریویسی شرط</a> <a href="http://www.comfortsoftwaregroup.com/" target="_blank"><img src="/comfortsoftwaregroup.png"></a> <a href="http://www.ce4e.com/" target="_blank"><img src="/poweredby.png" alt="پاورڈ بے Ce4e.com"></a> </p> </div> </div> <!-- wrapper end --> <script src="/myjs/tongji.js"></script> </body> </html>