觸摸事件，包括touchstarttouchmove和touchend，在HTML5中用于處理與移動(dòng)設(shè)備屏幕交互的相關(guān)事件這些事件最初由iOs版Safari瀏覽器引入，用于彌補(bǔ)移動(dòng)設(shè)備上缺少鼠標(biāo)和鍵盤的交互限制隨著Android瀏覽器的跟進(jìn)，觸摸事件成為移動(dòng)網(wǎng)頁(yè)開(kāi)發(fā)中不可或缺的一部分觸摸事件主要在用戶觸摸滑動(dòng)。

方法一逐個(gè)綁定事件此方法通過(guò)多次調(diào)用元素的addEventListener方法來(lái)分別綁定每個(gè)事件處理函數(shù)例如，要為一個(gè)元素綁定點(diǎn)擊事件和雙擊事件，可以這樣操作javascript documentgetElementById#39target#39addEventListener#39click#39， function * 處理點(diǎn)擊事件 * documentgetElementById#39target#39。

1如果是ie核心的瀏覽器可以用onpropertychange=quotcopquot 事件，即使用程序輸入，也會(huì)觸動(dòng)事件但是不兼容火狐2在火狐可以用oninput 事件，這個(gè)onchange和onkeydown好用但是程序輸入不能觸動(dòng)建議同時(shí)使用這兩個(gè)ltinput ltinput type=quottextquot onpropertychange=quotquot oninput =quotquot lthtmllth。

quots1quotstyledisplay=quotquot ltimg src=quotsmallbmpquotonmouseover=quotshowquot onmouseout=quotdisquot ltdiv class=quots1quot id=quots1quotltimg src=quotbigbmpquotltdiv 要是想彈出文字介紹 把s1里面的img換成字就行了，或者簡(jiǎn)單點(diǎn)就在第一個(gè)img上加一個(gè)alt的屬性，鼠標(biāo)放在上邊也有顯示這樣。

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

onclick 在 HTML 中是一種鼠標(biāo)事件屬性，它表示當(dāng)鼠標(biāo)被單擊時(shí)執(zhí)行設(shè)定的 JavaScript 腳本具體解釋如下作用onclick 屬性被添加到 HTML 元素上，用于指定當(dāng)該元素被鼠標(biāo)點(diǎn)擊時(shí)應(yīng)該執(zhí)行的 JavaScript 代碼用法通常與按鈕鏈接圖片等元素一起使用，但也可以應(yīng)用于其他任何 HTML 元素示例html。

在HTML中，將onmouseover和onmouseout鼠標(biāo)移動(dòng)事件放在ltbody標(biāo)簽和控件中會(huì)有以下不同作用范圍不同放在ltbody中這些事件會(huì)作用于整個(gè)網(wǎng)頁(yè)的body區(qū)域也就是說(shuō)，無(wú)論鼠標(biāo)移動(dòng)到頁(yè)面的哪個(gè)部分，只要鼠標(biāo)進(jìn)入或離開(kāi)頁(yè)面，就會(huì)觸發(fā)相應(yīng)的事件放在控件中這些事件僅作用于特定的控件只有當(dāng)鼠標(biāo)進(jìn)入或。

左右滑動(dòng)是由觸摸事件定義的，觸摸事件touch會(huì)在用戶手指放在屏幕上面的時(shí)候在屏幕上滑動(dòng)的時(shí)候或者是從屏幕上移開(kāi)的時(shí)候觸發(fā)下面具體說(shuō)明touchstart事件當(dāng)手指觸摸屏幕時(shí)候觸發(fā)，即使已經(jīng)有一個(gè)手指放在屏幕上也會(huì)觸發(fā)touchmove事件當(dāng)手指在屏幕上滑動(dòng)的時(shí)候連續(xù)地觸發(fā)在這個(gè)事件發(fā)生期間。

可以用JS腳本檢測(cè)出鼠標(biāo)按鍵首先在html中的body里面添加鼠標(biāo)事件，然后根據(jù)不同的按鍵觸發(fā)后給用戶一個(gè)提示ltbody onmousedown=quotceshieventquotltscript function ceshievent var Num = eventbutton if Num==2 alertquot已按下鼠標(biāo)右鍵quot else ifNum=。

點(diǎn)擊鼠標(biāo)，還是點(diǎn)擊按鈕，還是點(diǎn)擊圖片如果是點(diǎn)擊鼠標(biāo)，寫一個(gè)遮罩層，遮罩層為全透明rgba0 ，0 ，0， 0遮罩層設(shè)置點(diǎn)擊事件onclick 點(diǎn)擊后隱藏當(dāng)前圖片，顯示另一張，用if點(diǎn)擊按鈕，你可以在按鈕上寫個(gè)點(diǎn)擊事件 ，默認(rèn)當(dāng)前為true 點(diǎn)擊后就變?yōu)閒alse var a=ture點(diǎn)擊后 a=a！一個(gè)圖片用a顯示，另一個(gè)圖片用！a顯示 當(dāng)a為t。

因?yàn)槟愕纳厦娴母訉ideo的浮層給蓋住了，因此你的所有的鼠標(biāo)事件都是針對(duì)于上面的浮層的，但是你上層還是中間透明的圖片，那么建議你修改上層的大小，使上層不要蓋住鼠標(biāo)點(diǎn)擊事件的部分，只有這樣才能解決，沒(méi)有其他的方法具體實(shí)施過(guò)程，就得看你如何設(shè)置樣式了 很。

lthtml windowscrollTox，yx和y單位為像素，為頁(yè)面上的絕對(duì)位置，想移動(dòng)到哪兒自己該數(shù)就行了把上述代碼考到記事本里，保存后，后綴名改為html再用ie打開(kāi)，有提示什么活動(dòng)內(nèi)容的警告，允許執(zhí)行，開(kāi)發(fā)后有一個(gè)按鈕點(diǎn)一下就動(dòng)了就有觸碰就移開(kāi)把onclick改為onmouseover就行了 我暈，我以為。

在html文件中添加一個(gè)事件，就是當(dāng)鼠標(biāo)滑動(dòng)到submit按鈕上時(shí)，設(shè)置鼠標(biāo)樣式即可，具體例子如下lthtmlltbodyltp請(qǐng)把鼠標(biāo)移動(dòng)到單詞上，可以看到鼠標(biāo)指針發(fā)生變化ltpltspan style=quotcursorautoquotDefaultltspanltbr ltspan style=quotcursorpointerquot Pointerltspanltbr lt！這個(gè)就是你。

按鈕自動(dòng)觸發(fā)onclick事件，可以使用定時(shí)器setInterval方法實(shí)現(xiàn)默認(rèn)已點(diǎn)擊，可以在加載網(wǎng)頁(yè)的時(shí)候使用onload方法實(shí)現(xiàn)一次點(diǎn)擊以下例子，實(shí)現(xiàn)網(wǎng)頁(yè)打開(kāi)時(shí)默認(rèn)彈出彈窗，在關(guān)閉彈窗后，每2秒鐘自動(dòng)點(diǎn)擊一次彈出彈窗，完整的代碼如下lt！doctype html lthtml lthead ltmeta charset=quotutf8quot lttitle自動(dòng)。

1先在找個(gè)文件夾創(chuàng)建文件indexhtml2然后用能編輯文本文件的軟件打開(kāi)indexhtml，indexhtml的初始內(nèi)容如圖3接著編寫兩個(gè)樣式作為鼠標(biāo)移動(dòng)時(shí)div修改的樣式4然后編寫js代碼修改div的樣式5編輯完indexhtml后保存，在瀏覽器中打開(kāi)indexhtml效果如圖鼠標(biāo)移入移出div時(shí)，div的樣式改變。

用戶體驗(yàn)通過(guò)這種方式，用戶在操作圖像時(shí)，可以即時(shí)獲得反饋信息，從而提高用戶體驗(yàn)這是利用HTML和JavaScript結(jié)合實(shí)現(xiàn)的簡(jiǎn)單示例，展示了基本的事件處理功能關(guān)鍵點(diǎn)實(shí)現(xiàn)此功能的關(guān)鍵在于onmousemove事件的使用它允許開(kāi)發(fā)者在用戶移動(dòng)鼠標(biāo)時(shí)執(zhí)行特定的代碼通過(guò)結(jié)合HTML的圖片元素和JavaScript的事件處理。