js 兩種寫法監聽滑鼠的滑動問題
監聽滑鼠的滾輪事件 通過onmousewheel(非火狐瀏覽器)
document.onmousewheel=function(e){
var e=e||window.event;
// 非火狐瀏覽器下e.wheelDelta用來監聽瀏滑鼠的滾輪方向,(window)中向上為正(120),向下為負(-120)
if(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),向下為(3)
if (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