首先要獲取點(diǎn)擊發(fā)生鼠標(biāo)所在的坐標(biāo)然后判斷這個(gè)坐標(biāo)是否在圖形的范圍內(nèi)如果在，剛可以視為點(diǎn)擊了該圖形圖形本身是不能響應(yīng)事件的必須用canvas代理只是要判斷的情況有時(shí)候很復(fù)雜如果這個(gè)點(diǎn)所在的位置有多個(gè)圖形這就。

只能獲取鼠標(biāo)對(duì)于畫(huà)布的事件，可以根據(jù)點(diǎn)擊范圍判斷點(diǎn)擊的內(nèi)容，然后做相應(yīng)操作 lt！doctype htmllthtmlltheadltheadltbodyltcanvas id=quotcanvasquot width=quot500quot height=quot500quot style = quotborder1px solid redquotltcanvas。

mouseY tempY 鼠標(biāo)抬起事件設(shè)置dragging為false，clear移動(dòng)層#39#eventCanvas#39mouseupfunctione ifoptsdragAll else moveMapContextclearRect0， 0， 1100， 630。

2然后用img嵌入到網(wǎng)頁(yè)，嵌入其中的一張，另外一張待會(huì)切換3如圖，現(xiàn)在是靜態(tài)的，鼠標(biāo)放上去也不會(huì)產(chǎn)生切換反應(yīng)，因?yàn)闆](méi)有用JS4如圖，獲取img，轉(zhuǎn)成JS對(duì)象，加個(gè)0就可以轉(zhuǎn)js對(duì)象了5然后設(shè)定經(jīng)過(guò)事件，切。

鼠標(biāo)的移入移出事件在你的div里是應(yīng)該這樣寫(xiě)的ltdiv id=quotmlablquot onmouseover=quotdisplaynanquot onmouseout=quotstyleChangeoutquotltdiv，沒(méi)見(jiàn)過(guò)一個(gè)鼠標(biāo)事件同時(shí)觸發(fā)兩個(gè)函數(shù)你放了兩個(gè)函數(shù)在上面另外，還有要注意。

用js寫(xiě)鼠標(biāo)事件，鼠標(biāo)移入更改img的src內(nèi)的路徑。

拖拽發(fā)生過(guò)程 被拖拽元素 dragstart 按下鼠標(biāo)鍵并開(kāi)始移動(dòng)鼠標(biāo)時(shí) drag 在dragstart事件之后，在元素被拖動(dòng)期間會(huì)持續(xù)觸發(fā)該事件 dragend 當(dāng)拖動(dòng)停止時(shí)，會(huì)觸發(fā)dragend事件 放置目標(biāo)元素 dragenter 有元素被拖動(dòng)到。

=#39#39=就是賦值，后面的不是雙引號(hào)，是2個(gè)單引號(hào)哦 整句的意思就是單擊時(shí)讓文本框的內(nèi)容等于空 想要等于別的就在單引號(hào)中間加別的文本 沒(méi)有測(cè)試，不過(guò)應(yīng)該是對(duì)的，你也可以改成onmousemove 這個(gè)是鼠標(biāo)經(jīng)過(guò)時(shí)觸發(fā)事件。

$documentreadyfunctione $quotcontentquothoverfunction 通過(guò)，hover事件鼠標(biāo)在些活動(dòng)事件，也可以使用mouseover鼠標(biāo)經(jīng)過(guò)事件，show就是顯示出現(xiàn)的屬性深圳網(wǎng)站建設(shè) $quot。

lt！doctype htmllthtmlltheadltheadltbody ltcanvas id=quotshowquot width=quot600quot height=quot400quotltcanvas ltscript type=quottextjavascriptquot var x，y windowsetInterval quotshowquot，200 function。

ltdiv class=quotpenquot ltilti ltspan style=quotdisplayquot編輯ltspan ltdiv quotclassquotonquotmouseenterquot， function var $this = $thisthisfindquotspanquotshowonquotmouseleavequot。

e表示的是鼠標(biāo)經(jīng)過(guò)事件本身 考慮兼容性獲取事件源div obj就是取得的事件源，也就是發(fā)生鼠標(biāo)經(jīng)過(guò)事件的div var obj = etarget 在html中，你應(yīng)該這樣傳遞事件ltdiv。

觸發(fā)鼠標(biāo)雙擊事件quot5接著實(shí)現(xiàn)鼠標(biāo)的移入和移出事件如圖修改indexhtml文件6最后實(shí)現(xiàn)鼠標(biāo)的點(diǎn)下和松起事件如圖修改indexhtml文件7修改完indexhtml文件后，用瀏覽器打開(kāi)indexhtml文件，效果如圖。

在上述代碼中，`onHover` 事件監(jiān)聽(tīng)器用于監(jiān)聽(tīng)鼠標(biāo)移動(dòng)事件當(dāng)鼠標(biāo)經(jīng)過(guò)圖表上的某個(gè)元素時(shí)，該事件就會(huì)觸發(fā)在該事件監(jiān)聽(tīng)器中，可以通過(guò)判斷鼠標(biāo)所在的元素是否為頂點(diǎn)，來(lái)決定是否顯示提示框，并更新提示框內(nèi)容3 在 `。

且會(huì)反復(fù)的觸發(fā)該事件Dragleave事件 drop對(duì)象 Dragleave事件在這個(gè)拖動(dòng)對(duì)象離開(kāi)Drop目標(biāo)對(duì)象的范圍時(shí)觸發(fā)Drop事件 drop對(duì)象 當(dāng)這個(gè)Drag對(duì)象在Drop對(duì)象上釋放鼠標(biāo)時(shí)觸發(fā) 這些是HTML5的新特性，可以在秒秒學(xué)查找相關(guān)的資料。