文章詳情頁
javascript - vue.js中如何監(jiān)聽鼠標滾輪事件呢。
瀏覽:177日期:2023-02-15 14:24:45
問題描述
好像寫了@mousewheel也沒啥效果,望大神指點
問題解答
回答1:闊儀的呀,你具體怎么寫的呀
回答2:好吧,是我自己搞錯了,因為是加在了一個組件標簽上,應該寫成@mousewheel.native才對~~
回答3:我是有效果的
回答4:你可以自己寫一個指令來監(jiān)聽啊
Vue.directive(’scroll’, { // 當綁定元素插入到 DOM 中 inserted: function (el,binding) { var cb = binding.value el.addEventListener(’mousewheel’,function(e){ var direction = e.deltaY>0?’down’:’up’ cb(direction) }) }})new Vue({ el:’#app’, methods:{ scrollFn:function(direction){ console.log(direction) } }})
jsbin
標簽:
JavaScript
相關(guān)文章:
1. docker鏡像push報錯2. 關(guān)docker hub上有些鏡像的tag被標記““This image has vulnerabilities””3. html5 - datatables 加載不出來數(shù)據(jù)。4. Docker for Mac 創(chuàng)建的dnsmasq容器連不上/不工作的問題5. node.js - mongodb查找子對象的名稱為某個值的對象的方法6. docker 下面創(chuàng)建的IMAGE 他們的 ID 一樣?這個是怎么回事????7. 運行python程序時出現(xiàn)“應用程序發(fā)生異常”的內(nèi)存錯誤?8. html5和Flash對抗是什么情況?9. 測試自動化html元素選擇器元素ID或DataAttribute [關(guān)閉]10. 前端 - @media query 使用出現(xiàn)的問題?
排行榜

熱門標簽
網(wǎng)公網(wǎng)安備