白嫩娇妻被交换经过_被弄出白浆喷水了视频_亚洲依依成人_小蝌蚪视频污下载

當(dāng)前位置: 首頁(yè) / 技術(shù)干貨 / 正文
draggable屬性的用法

2023-04-12

元素 拖動(dòng) 復(fù)制   

draggable屬性的用法

  draggable是 HTML5 中一個(gè)布爾屬性,用于標(biāo)識(shí)元素是否可以拖動(dòng)。

  它可以用于所有的 HTML 元素。將元素設(shè)置為 后,用戶(hù)便可以通過(guò)鼠標(biāo)將該元素從一個(gè)位置拖動(dòng)到另一個(gè)位置。在拖動(dòng)的過(guò)程中,瀏覽器會(huì)觸發(fā)一系列的事件,如 draggable="true"、dragstart、dragenter、dragover、dragleave、dragend、drag、drop等。

  下面是一個(gè)示例:

  <div draggable="true">拖我試試</div>

  當(dāng)你點(diǎn)擊并按住這個(gè) 元素并移動(dòng)鼠標(biāo)時(shí),它會(huì)被拖動(dòng)。

  需要注意的是,當(dāng)設(shè)置了 屬性后,瀏覽器默認(rèn)會(huì)讓元素復(fù)制一份并拖動(dòng)復(fù)制出來(lái)的那一份。如果需要移動(dòng)原來(lái)的元素而非復(fù)制出來(lái)的元素,需要通過(guò) JavaScript 代碼來(lái)實(shí)現(xiàn)。

好程序員公眾號(hào)

  • · 剖析行業(yè)發(fā)展趨勢(shì)
  • · 匯聚企業(yè)項(xiàng)目源碼

好程序員開(kāi)班動(dòng)態(tài)

More+
IT培訓(xùn)IT培訓(xùn)
在線咨詢(xún)
IT培訓(xùn)IT培訓(xùn)
試聽(tīng)
IT培訓(xùn)IT培訓(xùn)
入學(xué)教程
IT培訓(xùn)IT培訓(xùn)
立即報(bào)名
IT培訓(xùn)

Copyright 2011-2023 北京千鋒互聯(lián)科技有限公司 .All Right 京ICP備12003911號(hào)-5 京公網(wǎng)安備 11010802035720號(hào)