HTML draggable属性与元素拖拽控制实例页面

回到相关文章 »

效果：

<img> 默认

<img> draggable="true"

<img> draggable="false"

<p> 默认

<p> draggable="true"

<p> draggable="false"

代码：

CSS代码：

.img {
    width: 256px; height: 171px;
    background: url(./mm.jpg) no-repeat;
    background-size: 100%;
}

HTML代码：

<h4>img默认</h4>
<p><img src="./mm.jpg"></p>
<h4>img draggable="true"</h4>
<p><img src="./mm.jpg" draggable="true"></p>
<h4>img draggable="false"</h4>
<p><img src=".mm.jpg" draggable="false"></p>

<h4>p 默认</h4>
<p class="img"></p>
<h4>p draggable="true"</h4>
<p class="img" draggable="true"></p>
<h4>p draggable="false"</h4>
<p class="img" draggable="false"></p>