dragdrop.htm

来自「Windows Web脚本开发指南/(美) Dan Heflin, Todd N」· HTM 代码 · 共 33 行

HTM
33
字号
<HTML>
<HEAD>
<SCRIPT>
function dragStart(){                                      
  var effect = event.srcElement.id;
  window.event.dataTransfer.effectAllowed = effect;
  window.event.dataTransfer.dropEffect = effect;
}
function drop(){
  window.event.returnValue = false;
  window.event.srcElement.innerText += window.event.dataTransfer.getData("text");
}
function dragOver(){
  window.event.returnValue = false;
}
function dragEnter(){
  window.event.returnValue = false;
}
function changeLinked(){
  link.innerText += " additional linked text]";
}
</SCRIPT>
</HEAD>
<BODY>
<SPAN ID="move" ondragstart="dragStart()">[Will be moved]</SPAN>
<SPAN ID="link" ondragstart="dragStart()">[Will be linked]</SPAN>
<SPAN ID="copy" ondragstart="dragStart()">[Will be copied]</SPAN>
<SPAN ID="target" STYLE="background:yellow; height:200; width:200"   
ondrop="drop()" ondragover="dragOver()" ondragenter="dragEnter()">Drop 
Here<BR></SPAN>
</BODY>
</HTML>

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?