lt！DOCTYPE htmllthtmllthead ltmeta charset=quotutf8quot ltheadltbodyltcanvas id=quotmyCanvasquot width=quot200quot height=quot100quot style=quotborder1px solid #000000quot您的瀏覽器不支持 HTML5 canvas 標簽ltcanvaslt；2在indexhtml中的ltscript標簽中，輸入js代碼#39a#39hoverfunction $#39img#39css#39display#39， #39block#393瀏覽器運行indexhtml頁面，此時鼠標移動到超鏈接上，下面的圖片自動顯示了出來。

100quotheight=quot28quotltA設置一個div，但是默認卻是隱藏起來的s1 position absolutedisplay js function show documentgetElementByIdquots1quotstyledisplay=quotblockquot function dis。

鼠標移動事件根據點擊的省份名，獲得數據，并實時重繪移動層的省份 #39#eventCanvas#39mousemovefunctionev var mouseX， mouseY ifevlayerX evlayerX==0 mouseX = evlayerX mouseY = e；對用JS的鼠標事件，onmouseover方法，當鼠標移動到a標簽的時候把那個圖片的display，變成block，只要按照這個步驟走就可以做到的。

其特性類似于AS的 ENTER_FRAME 事件需要用到的2個JS文件utilsjs 可根據傳入的對象判斷，鼠標所在對象的相對于左上角的坐標值 unction utilsutilscaptureMouse=functionelement var mouse=x0，y0；用js寫鼠標事件，鼠標移入更改img的src內的路徑。

functioneventcsevent，false thiscanvas=documentgetElementByIdquotshowquot thiscontext=#392d#39 thisimage = new Image = quot；html5 拖動效果在手機上實現(xiàn)方法是調用drag和drop一系列函數實現(xiàn)的注意拖拽源在拖拽操作結束將得到dragend事件對象，不管操作成功與否舉例定義可拖放內容 ltdiv id=quotcolumnsquot ltdiv class=quotcolumnquot draggable=quottruequot。

Dragleave事件 drop對象 Dragleave事件在這個拖動對象離開Drop目標對象的范圍時觸發(fā)Drop事件 drop對象 當這個Drag對象在Drop對象上釋放鼠標時觸發(fā) 這些是HTML5的新特性，可以在秒秒學查找相關的資料；鼠標事件是移動時發(fā)生的事件，對某控件的此事件進行編程，則當鼠標移過此控件時就會觸發(fā)此事件，執(zhí)行其相應代碼超文本標記語言縮寫為HTML，標準通用標記語言下的一個應用HTML是一種標記語言，是網頁制作所必備的工具頁面。

在html文件中添加一個事件，就是當鼠標滑動到submit按鈕上時，設置鼠標樣式即可，具體例子如下lthtmlltbodyltp請把鼠標移動到單詞上，可以看到鼠標指針發(fā)生變化ltpltspan style=quotcursorautoquotDefaultltspanltbr；drop 當被拖元素正在被拖放時運行的腳本移動端需要使用 touch 事件來處理， 建議pc端也使用touch事件， mouse相關事件在HTML5已經不建議使用了touchstart 觸摸開始手指放在觸摸屏上touchmove 拖動手指在觸摸屏。

因而可以分別操作頁面的不同部分在觸摸屏幕上的元素，這些事件包括鼠標事件發(fā)生的順序如下1touchstart 2mouseover 3mousemove一次4mousedown 5mouseup 6click 7touchend；1創(chuàng)建兩個html文件，一個test一個test22打開test頁面，在里面創(chuàng)建一個div，并給其添加onmousedown與move方法3打開后我們發(fā)現(xiàn)是一個棕綠的頁面4定義兩個變量，startx為鼠標按下的坐標，endx為鼠標移動的坐標。