Home >Web Front-end >HTML Tutorial >html5 dragging problem_html/css_WEB-ITnose

html5 dragging problem_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 12:12:051221browse

I saw information on the Internet that HTML5 can be dragged. But no matter what I do, it doesn't work. Expert advice
f2d92549a5f707d1ad4087a7458e06cd2cacc6d41bbb37262a98f745aa00fbf0
1a24b17f85e15c83fc29b7760e40bfcb
function asd()
{
document.ondragover = function(e){

e.preventDefault();

};

document. ondrop = function(e){

e.preventDefault();

};
}
2cacc6d41bbb37262a98f745aa00fbf0
9c3bca370b5104690d9ef395f2c5f8d1
61940293fdb2ee852a1716f4998df49d
923fbae4edb02b00f075c297c0b859deadfadsfadfadfadfadfadafads16b28748ea4df4d9c2150843fecfba68
36cc49f0c466276486e50c850b7e4956
< ;/html>


Reply to discussion (solution)

What browser did you test on?


html5 needs to run in standard browsers such as firefox and chrome.


For reference, it’s very detailed.
http://www.zhangxinxu.com/wordpress/?p=1419

Can it be dragged randomly like a window?

There is a slight dragging effect, but it cannot be moved. There is something wrong with the original poster's javascript, please pay attention to the quotation marks.

923fbae4edb02b00f075c297c0b859deadfadsfadfadfadfadfadafads16b28748ea4df4d9c2150843fecfba68


Can it be dragged at will like a window?

Please refer to

<!DOCTYPE html><html lang="en"><head>	<meta charset="utf-8">	<title>jQuery UI Draggable - Default functionality</title>	<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">	<script src="../../jquery-1.7.2.js"></script>	<script src="../../ui/jquery.ui.core.js"></script>	<script src="../../ui/jquery.ui.widget.js"></script>	<script src="../../ui/jquery.ui.mouse.js"></script>	<script src="../../ui/jquery.ui.draggable.js"></script>	<link rel="stylesheet" href="../demos.css">	<style>	#draggable { width: 150px; height: 150px; padding: 0.5em; }	</style>	<script>	$(function() {		$( "#draggable" ).draggable();	});	</script></head><body><div class="demo"><div id="draggable" class="ui-widget-content">	<p>Drag me around</p></div></div><!-- End demo --><div class="demo-description"><p>Enable draggable functionality on any DOM element. Move the draggable object by clicking on it with the mouse and dragging it anywhere within the viewport.</p></div><!-- End demo-description --></body></html>

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn