html中如何禁止拖拽

发布时间:2021-05-25 11:59:16 作者:小新
来源:亿速云 阅读:1213

小编给大家分享一下html中如何禁止拖拽,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!

html禁止拖拽的方法:首先打开相应的HTML代码文件;然后通过“οndragstart="return false;"”方法实现禁止鼠标拖动即可。

本文操作环境:Windows7系统、HTML5版,DELL G3电脑

Html禁用拖拽功能

如何禁用页面元素拖出去?

οndragstart="return false;"//禁止鼠标拖动,如拖动图片、连接等

例如:

<body οndragstart="return false;" οncοntextmenu="return false;">

如何禁用拖元素进入页面?

<script>
document.ondrop = function(event) {
return false;
};
document.ondragenter  = function(event) {
return false;
};
document.ondragover  = function(event) {
return false;
};
</script>

html有什么特点

1、简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便,适合初学前端开发者使用。 2、可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证。  3、平台无关性:超级文本标记语言能够在广泛的平台上使用,这也是万维网盛行的一个原因。 4、通用性:HTML是网络的通用语言,它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。

看完了这篇文章,相信你对“html中如何禁止拖拽”有了一定的了解,如果想了解更多相关知识,欢迎关注亿速云行业资讯频道,感谢各位的阅读!

推荐阅读:
  1. HTML页面禁止选择、页面禁止复制、页面禁止右键
  2. JavaScript如何实现禁止右击保存图片,禁止拖拽图片

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

html

上一篇:css分割线如何设置

下一篇:html中如何自动关闭页面

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》