2023-04-12
元素 拖動(dòng) 復(fù)制
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)。
開(kāi)班時(shí)間:2021-04-12(深圳)
開(kāi)班盛況開(kāi)班時(shí)間:2021-05-17(北京)
開(kāi)班盛況開(kāi)班時(shí)間:2021-03-22(杭州)
開(kāi)班盛況開(kāi)班時(shí)間:2021-04-26(北京)
開(kāi)班盛況開(kāi)班時(shí)間:2021-05-10(北京)
開(kāi)班盛況開(kāi)班時(shí)間:2021-02-22(北京)
開(kāi)班盛況開(kāi)班時(shí)間:2021-07-12(北京)
預(yù)約報(bào)名開(kāi)班時(shí)間:2020-09-21(上海)
開(kāi)班盛況開(kāi)班時(shí)間:2021-07-12(北京)
預(yù)約報(bào)名開(kāi)班時(shí)間:2019-07-22(北京)
開(kāi)班盛況Copyright 2011-2023 北京千鋒互聯(lián)科技有限公司 .All Right 京ICP備12003911號(hào)-5 京公網(wǎng)安備 11010802035720號(hào)