quots1quotstyledisplay=quotquot ltimg src=quotsmallbmpquotonmouseover=quotshowquot onmouseout=quotdisquot ltdiv class=quots1quot id=quots1quotltimg src=quotbigbmpquotltdiv 要是想彈出文字介紹 把s1里面的img換成字就行了，或者簡單點就在第一個img上加一個alt的屬性，鼠標(biāo)放在上邊也有顯示；只能獲取鼠標(biāo)對于畫布的事件，可以根據(jù)點擊范圍判斷點擊的內(nèi)容，然后做相應(yīng)操作 lt！doctype htmllthtmlltheadltheadltbodyltcanvas id=quotcanvasquot width=quot500quot height=quot500quot style = quotborder1px solid redquotltcanvasltscriptvar rect=x100，y100，w40，h20定義要畫的矩形的位置。

6但是鼠標(biāo)一旦離開，就要切換回原圖素材，所以再添加一個leave事件，這樣離開后就會轉(zhuǎn)化成原圖7如圖，現(xiàn)在我的鼠標(biāo)在圖片上，就變成了twopicturehtml鼠標(biāo)移動到超鏈接上時，顯示圖片的效果怎么做的需要準(zhǔn)備的材料分別有電腦瀏覽器html編輯器1首先，打開html編輯器，新建html文件，例如；在html文件中添加一個事件，就是當(dāng)鼠標(biāo)滑動到submit按鈕上時，設(shè)置鼠標(biāo)樣式即可，具體例子如下lthtmlltbodyltp請把鼠標(biāo)移動到單詞上，可以看到鼠標(biāo)指針發(fā)生變化ltpltspan style=quotcursorautoquotDefaultltspanltbr ltspan style=quotcursorpointerquot Pointerltspa；HTML圖片元素首先，需要有一個圖片元素，其src屬性設(shè)置為圖片的路徑，alt屬性設(shè)置為替代文本這個圖片元素是用戶與之交互的對象onmousemove事件屬性在HTML圖片元素上，使用onmousemove事件屬性這個屬性允許你指定一個JavaScript函數(shù)，當(dāng)用戶將鼠標(biāo)移到圖片上時，這個函數(shù)會被自動調(diào)用JavaScript函數(shù)。

1如果是ie核心的瀏覽器可以用onpropertychange=quotcopquot 事件，即使用程序輸入，也會觸動事件但是不兼容火狐2在火狐可以用oninput 事件，這個onchange和onkeydown好用但是程序輸入不能觸動建議同時使用這兩個ltinput ltinput type=quottextquot onpropertychange=quotquot oninput =quotquot；html編輯器瀏覽器1首先，打開html編輯器，新建html文件，例如indexhtml2在indexhtml中的ltscript標(biāo)簽，輸入js代碼var e = event windowevent = eclientX + #39，#39 + eclientY3瀏覽器運行indexhtml頁面，此時會打印出鼠標(biāo)的當(dāng)前位置坐標(biāo)；在HTML的input元素上，可以監(jiān)聽的事件包括但不限于以下幾種點擊事件當(dāng)用戶點擊input元素時觸發(fā)常用于將input元素用作按鈕或鏈接時的交互輸入事件每當(dāng)用戶改變input元素的值時觸發(fā)適用于實時驗證用戶輸入或根據(jù)輸入內(nèi)容動態(tài)更新頁面其他部分改變事件當(dāng)input元素的值改變并且元素失去焦點時觸發(fā)；onmouseover 鼠標(biāo)指針移動到元素上時觸發(fā) onmouseout 鼠標(biāo)指針移出改元素邊界時觸發(fā) onmousemove 鼠標(biāo)指針在某個元素上移動時持續(xù)觸發(fā) 常用的HTML事件如下所示onload 頁面完全加載后在window對象上觸發(fā)，圖片加載完成后在其上觸發(fā) onunload 頁面完全卸載在window對象上觸發(fā)，圖片卸載完成后在其；在HTML5中，可以通過JavaScript監(jiān)聽鼠標(biāo)懸停事件，當(dāng)鼠標(biāo)指針移動到圖片上方時，動態(tài)更改圖片的src屬性，從而實現(xiàn)圖片的切換具體操作步驟如下首先，需要在HTML文件中添加一個圖片元素ltimg id=quotmyImgquot src=quotpathtoinitialimagejpgquot alt=quot初始圖片quot 接著，在JavaScript代碼中添加事件監(jiān)聽器，監(jiān)。

可以用JS腳本檢測出鼠標(biāo)按鍵首先在html中的body里面添加鼠標(biāo)事件，然后根據(jù)不同的按鍵觸發(fā)后給用戶一個提示ltbody onmousedown=quotceshieventquotltscript function ceshievent var Num = eventbutton if Num==2 alertquot已按下鼠標(biāo)右鍵quot else ifNum=；在HTML中，將onmouseover和onmouseout鼠標(biāo)移動事件放在ltbody標(biāo)簽和控件中會有以下不同作用范圍不同放在ltbody中這些事件會作用于整個網(wǎng)頁的body區(qū)域也就是說，無論鼠標(biāo)移動到頁面的哪個部分，只要鼠標(biāo)進(jìn)入或離開頁面，就會觸發(fā)相應(yīng)的事件放在控件中這些事件僅作用于特定的控件只有當(dāng)鼠標(biāo)進(jìn)入或；在HTML元素上綁定兩個或以上鼠標(biāo)點擊事件，可以使用JavaScript實現(xiàn)有多種方法可以完成此操作，以下為兩種常見方法方法一逐個綁定事件此方法通過多次調(diào)用元素的addEventListener方法來分別綁定每個事件處理函數(shù)例如，要為一個元素綁定點擊事件和雙擊事件，可以這樣操作javascript documentgetElementById#39。

1鼠標(biāo)事件如單擊雙擊劃過等2鍵盤事件點擊某個鍵組合鍵熱鍵 3還有就是網(wǎng)頁中html自定義的一些事件，包括onload，onkeydown，onblur，onchange等等；在快速按下鼠標(biāo)左鍵，然后快速松開兩次時，雙擊事件也只能把這個過程識別為雙擊操作鼠標(biāo)事件不同于單擊事件和雙擊事件之處還在于，鼠標(biāo)事件能夠區(qū)分各個鼠標(biāo)按鈕和上檔鍵控制鍵和換檔鍵這里之所以把它們歸到鼠標(biāo)事件中，是為了集中說明另外，單擊和雙擊事件也的確和鼠標(biāo)的操作有關(guān)在發(fā)生雙擊事件的。