1. 程式人生 > >js 兩種寫法監聽滑鼠的滑動問題

js 兩種寫法監聽滑鼠的滑動問題

監聽滑鼠的滾輪事件 通過onmousewheel(非火狐瀏覽器)

document.onmousewheel=function(e){
            var e=e||window.event;
            // 非火狐瀏覽器下e.wheelDelta用來監聽瀏滑鼠的滾輪方向,(window)中向上為正(120),向下為負(-120if(e.wheelDelta<0){
            console.log(e.wheelDelta);
            alert("向下滾動");
        }else{
            console
.log(e.wheelDelta); alert("向上滾動"); }

通過addEventListener 監聽滑鼠的滾輪事件 (主要在火狐瀏覽器中)

    document.addEventListener("DOMMouseScroll",function(e){
                var e=e||window.event;
                // 火狐瀏覽器中使用e.detail對滾輪滾動方向做判斷,向上為(-3),向下為(3if (e.detail<0) {
                    console
.log(e.detail); alert("向上滾動"); }else{ console.log(e.detail); alert("向下滾動"); } },false);

相關推薦

js 寫法滑鼠滑動問題

監聽滑鼠的滾輪事件 通過onmousewheel(非火狐瀏覽器) document.onmousewheel=function(e){ var e=e||window.even

JS原生 未來元素寫法

opera false 但是 out listener over 瀏覽器兼容 bsp ner 綁定事件的另一種方法是用 addEventListener() 或 attachEvent() 來綁定事件監聽函數。addEventListener()函數語法:elementOb

JS基礎(二)事件練習之table滑鼠懸停行變色

JS監聽事件簡單學習:   [object].addEvent("事件型別","處理函式","冒泡事件或捕獲事件");    [object].removeEvent("事件型別","處理函式","冒泡事件或捕獲事件"); 場景:   表格標題行背景色是黃色,奇數行是白色,偶數行是灰色。  

js陣列排序寫法(冒泡)

js實現陣列的排序方法(sort方法) var arrObj = new Array (1,8,7,6); arrObj.sort(); console.log(arrObj.join(",")) 如

JS實現滾動以及滑動到頂部【轉】

以前做滾動監聽都是用jQuery來實現這樣的效果,雖然用jquery實現起來很方便,但是還是想用原生js來實現一下。 HTML程式碼: <div class="uptop" id="uptop"> <img src="i

JS滑鼠事件(滑鼠點選/釋放,滑鼠懸停/離開等)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html

kockout.js的viewmodel物件的屬性,在javascript中呼叫的寫法

第一種:  <div>計數:<span data-bind="text: countNumber"></span></div> <button type="submit" data-bind="click: addCou

js滑鼠移動,滑鼠沒有移動超時清楚cookie

<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-

js事件綁定/

eve dev func add code 不同 ndb mouse 匿名 事件綁定/監聽的方法 1.直接綁定 顧名思義,直接在DOM元素上綁定onclick、onmouseover、onmouseout、onmousedown、onmouseup、ondblclick

JS中的事件與事件流

pan 交互 ack 其他 獲得 發生 listen 監聽器 pre 事件監聽:   使用監聽器(eventListener)來預定事件,在傳統軟件工程中稱成為觀察者模式   執行某種操作時(特定的交互瞬間),會產生對象,對象會沿事件流的方向傳播。 事件流:   事件流有

HDU 2102 A計劃 DFS與BFS寫法

blog ons bsp 求解 stream eof node 耗時 {} 1.題意:一位公主被困在迷宮裏,一位勇士前去營救,迷宮為兩層,規模為N*M,迷宮入口為(0,0,0),公主的位置用‘P‘標記;迷宮內,‘.‘表示空地,‘*‘表示墻,特殊的,‘#‘表示時空傳輸機,走到

Angular.js中使用$watch模型變化

數組 r.js imac all 註銷 表達式 而不是 group equal $watch簡單使用 $watch是一個scope函數,用於監聽模型變化,當你的模型部分發生變化時它會通知你。 $watch(watchExpression, listener, obj

js中添加,判斷是什麽事件

什麽 contain 添加 current src ner type $apply test window.addEventListener(‘message‘, function (event) { if (event.data.type === "

es6對象內函數的寫法

images style image class cti window對象 ima nbsp 方法 es6對象內函數一般有兩種寫法: var person1 = { name: "p1", sayThis() { console.log(t

CSS中`nav ul li ul` 與 `nav>ul>li` 這寫法的區別是什麽

class apach pac 順序 code nbsp ron 例如 選擇 >是指只能一代接一代,比如: nav>ul>li>ul>li,必須是下面這樣的 <nav> <

LCA的寫法

blank mes col tarjan include pri for namespace continue 第一種是離線的Tarjan算法 #include<cstdio> using namespace std; int rd(){ int x=

原生js選項卡效果(滑動

window solid nts html opacity ont cor rip show 第二種:鼠標移入切換效果實現 <!DOCTYPE html> <html> <head> <meta charset

關於MyBatis的寫法

spa sdn 得到 ctu art 動態代理 ike blog 解析xml 剛接觸MyBatis是在Jike的視頻中學習的,但是之後又發現和項目中的MyBatis的用法不太一致。上網找了好多資料,發現網上的教程分為兩種寫法: 第一種,是jike視頻中的寫法,寫好map.x

JS使用 popstate 事件物理返回鍵

function 事件監聽 bsp als ref listen hist inf UNC pushHistory(); window.addEventListener("popstate", function (e) { i

java路徑寫法"/"和"\"

linu 分隔 環境 存在 平臺 配置文件 ava window 寫法 1.示例: String path="D:\\新建文件夾\\2.png"; File file=new File(path); System.out.println(file.exis