H5 드래그 예(단, 휴대폰 단말기가 잘못됨)
2996 단어 프런트 엔드
<html>
<head>
<title> title>
<style>
body{
}
img{
position: fixed;
}
style>
head>
<body>
<img id="p3" src="kefu.png">
body>
<script>
p3.ondragstart=function(e){
console.log(' p3 ');
// ,
offsetX= e.offsetX;
offsetY= e.offsetY;
}
p3.ondrag=function(e){
console.log(' p3 ');
var x= e.pageX;
var y= e.pageY;
console.log(x+'-'+y);
//drag , ,pageX pageY 0
if(x==0 && y==0){
return; // X Y 0
}
x-=offsetX;
y-=offsetY;
p3.style.left=x+'px';
p3.style.top=y+'px';
}
p3.ondragend=function(){
console.log(' p3 ');
}
script>
html>
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
【Vue.js】컴포넌트의 3개의 네비게이션 가드일에서 사용하게 되었기 때문에 1부터 Vue.js에 대해 배웠다. 그 이름에서 알 수 있듯이 무언가를 가드하기위한 처리로, 대체로 페이지 천이 전에 특정 처리를 실행시켜 페이지 천이시키지 않게 한다. Vue.js의 ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.