js代碼鼠標(biāo)懸停事件(js鼠標(biāo)經(jīng)過彈出懸浮窗)
第一js進(jìn)行鼠標(biāo)懸停事件來處理DOM實際上是不合理的對于界面交互上能通過css處理的事件就不要用js來處理第二恰好css對于鼠標(biāo)懸停是有對應(yīng)的選擇器及其處理處理方法如圖A假設(shè)A的id為a，css代碼如下a wid。
模擬的思路就是，每次鼠標(biāo)移動，都將這個事件觸發(fā)的時間點記錄下來，當(dāng)經(jīng)過一段時間，如果沒有觸發(fā)鼠標(biāo)移動，就觸發(fā)鼠標(biāo)停止移動事件但顯然，這個事件會比較延遲下面假定兩次鼠標(biāo)移動間隔超過50毫秒則為停止移動，模擬代碼如下。
div height100pxwidth100pxbackgroundcolor aqua 文字內(nèi)容文字內(nèi)容 2方法二，利用css的偽類hover，以及顯示隱藏屬性display，來實現(xiàn)如下continer height100pxwidth100pxbackgroundcolor aqua con。
代碼說明這里面確實一次為這個段落創(chuàng)建了兩個事件，都是DOM通用的事件，一個叫mouseover鼠標(biāo)懸停，一個叫mouseout鼠標(biāo)離開，mouseover事件觸發(fā)時要用到2個函數(shù)function， 分別是chfgcolor和chbgcolor， 而mouseout。
js寫也就是加個樣式啊比如jq的 首先定義一個樣式#39#button#39hoverfucntion thisaddClass#39red#39，function thisremoveClass#39red#39。
div上綁定一個hover事件，并開始計時以jquery為例var tid = 0$ quot#divquot hover function tid = setTimeout function 當(dāng)觸發(fā)hover就開始自動在1秒后執(zhí)行相應(yīng)代碼 ， 1000 ， fun。
txtsetAttributequottitlequot，quot鼠標(biāo)懸停了quot 二div實在的在開發(fā)工具里面的代碼效果如下截圖三這段代碼最主要的重點是如下 var txt = documentgetElementById#39txt#39txtsetAttributequottitlequot，quot鼠標(biāo)懸停了quot。
掃描二維碼推送至手機(jī)訪問。
版權(quán)聲明：本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布，如需轉(zhuǎn)載請注明出處。
