| Server IP : 134.29.175.74 / Your IP : 216.73.216.160 Web Server : nginx/1.10.2 System : Windows NT CST-WEBSERVER 10.0 build 19045 (Windows 10) i586 User : Administrator ( 0) PHP Version : 7.1.0 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : C:/nginx/html/Scheduler/site/_work/ |
Upload File : |
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>ClickOrDrag2</title>
</head>
<body>
<h1>ClickOrDrag2.html</h1>
<br><br><br><br><br><br><br><br><br><br>
<h2 id="h2_id">Click or drag me</h2>
<br><br><br><br><br><br><br><br><br><br>
<script type="text/javascript">
var Dragging = false;
var MouseDown = false;
var AmDragging = '';
var element = document.getElementById('h2_id');
element.addEventListener("mousedown", function(){
Dragging = false;
MouseDown = true;
AmDragging = element.id;
}, false);
document.addEventListener("mousemove", function(){
if ( MouseDown ) {
Dragging = true;
}
}, false);
document.addEventListener("mouseup", function(){ // Use this to determine if click or drag. Do not use 'click'.
if(Dragging === false){
if ( AmDragging ) {
console.log(AmDragging+".click");
} else {
console.log("document.click");
}
}
else if(Dragging === true){
if ( AmDragging ) {
console.log(AmDragging+".drag");
} else {
console.log("document.drag");
}
}
Dragging = false;
MouseDown = false;
AmDragging = '';
}, false);
</script>
</body>
</html>