怎么防止html中的图片被拖动_随笔

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

<html xmlns="

<head>

<title>禁止鼠标拖动图片在新窗口打开</title>

function imgdragstart(){return false}

</script>

</head>

<body>

鼠标左键拖动图片试试！

for(i in document.images)document.images[i].ondragstart=imgdragstart

</script>

</body>

</html>

1、不自定义进度条的话就只能用默认进度条，默认的进度条是集合在video标签中的，这个我们无法实现不能拖动，但是可以模拟下，你可以使用让鼠标点击到视

频所在的video或者div的时候无效化，原理就是鼠标选不到进度条，自然不能拖动了。如果你是要可以控制播放和暂停的话就实现js控制，反正是跳过

video自带的控制器自己去写。

2、用个透明的层或图片把进度条盖住

这个需要通过HTML代码来实现。通过网页的html代码来禁止手机页面放大缩小。方法如下：

html禁止手机页面放大缩小代码：

另外通过特定的手机浏览器的设置也可以实现。

欢迎分享，转载请注明来源：内存溢出

怎么防止html中的图片被拖动