能在網頁中寫字和能擦寫的js程序

2019-11-21 01:46:36

字體：大中小

來源：轉載

供稿：網友

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>javascript網頁中寫字</title> <style type="text/css"> * {     -moz-user-select:none;     border:0px; } #tips {     width:850px;     padding-top:8px;     padding-bottom:8px;     background:#999999;     color:#FFFFFF;     text-align:center;     margin:auto;     font-size:14px; } </style> <script type="text/javascript"> var Is_Mouse_Down = false var Is_First=1 function Create(evt){     evt=evt?evt:window.event     if(Is_Mouse_Down){         if(evt.ctrlKey){             Clean(evt)         }         else {             Write(evt)         }     } } function Write(evt){     evt=evt?evt:window.event     var Obj_Nian=document.createElement("DIV")     Obj_Nian.style.position="absolute"     Obj_Nian.style.left=evt.clientX-10+"px"     Obj_Nian.style.top=evt.clientY-10+"px"     switch(Is_First){         case 1:Obj_Nian.innerHTML="劉";break;         case 2:Obj_Nian.innerHTML="念";break;         case 3:Obj_Nian.innerHTML="我";break;         case 4:Obj_Nian.innerHTML="喜";break;         case 5:Obj_Nian.innerHTML="歡";break;         case 6:Obj_Nian.innerHTML="你";break;         default:Obj_Nian.innerHTML="Error";break;     }     Is_First+=1     if(Is_First==7){         Is_First=1     }     Color_Nian="RGB("+Math.floor(Math.random()*100)+"%,"+Math.floor(Math.random()*100)+"%,"+Math.floor(Math.random()*100)+"%)"     Obj_Nian.style.color=Color_Nian     document.body.appendChild(Obj_Nian) } function Clean(evt){     evt=evt?evt:window.event     evt.srcObj=evt.srcElement?evt.srcElement:evt.target     if(evt.srcObj.tagName=="DIV" && (evt.srcObj.innerHTML=="劉" || evt.srcObj.innerHTML=="念" || evt.srcObj.innerHTML=="我" || evt.srcObj.innerHTML=="喜" || evt.srcObj.innerHTML=="歡" || evt.srcObj.innerHTML=="你")){         evt.srcObj.innerHTML=""      } } document.onmousedown=function(){Is_Mouse_Down=true} document.onmousemove=Create document.onmouseup=function(){Is_Mouse_Down=false} </script> </head> <body onselectstart="javascript:return false"> <div   class="iwvjtn8m0"   id="tips">提示：按住鼠標左鍵不放，在頁面中拖動即可寫字 ; 同時按住ctrl和鼠標左鍵不放，在頁面中拖動即可把字擦去</div> </body> </html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

上一篇：一個多瀏覽器支持的背景變暗的div并可拖動提示窗口功能的代碼

下一篇：javascript倒計時效果代碼，可以方便參數調用