<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><TITLE> New Document </TITLE><script> function creatediv() { var obj = document.createElement("div"); classA.call(obj); bd.appendChild(obj); } function classA(){ this.style.width="100"; this.style.height="100"; this.style.background="blue"; this.style.border="solid 10 red "; //this.style.display="inline"; this.style.position="absolute"; //relative // this.style.left=50; // this.style.top=50; this.onmousedown=function() {down(this)}; this.onmousemove=function() {move(this)}; this.onmouseup=function() {up(this)}; } var flag=0; function down(aa){ flag=1; } function move(aa) { if(flag==1) { aa.style.left=event.x-50; aa.style.top=event.y-50; } } function up(aa){ flag=0; }</script></HEAD><BODY id="bd" ><input type ="button" onclick="creatediv();" value="建立" /> </BODY></HTML>
down() ,move() ,up() 這3個函數是實現拖拽功能的。其實你可以不要它。
call方法是一個回調方法，每點擊一下call就回調classA()這個函數一次。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
