文章詳情頁
javascript - vue.js中如何監聽鼠標滾輪事件呢。
瀏覽:103日期:2023-02-15 14:24:45
問題描述
好像寫了@mousewheel也沒啥效果,望大神指點
問題解答
回答1:闊儀的呀,你具體怎么寫的呀
回答2:好吧,是我自己搞錯了,因為是加在了一個組件標簽上,應該寫成@mousewheel.native才對~~
回答3:我是有效果的
回答4:你可以自己寫一個指令來監聽啊
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
相關文章:
1. javascript - 百度echarts series數據更新問題2. MySQL客戶端吃掉了SQL注解?3. java - 我設置了cookie的max age,但是cookie依然在關閉游覽器后消失了4. css3 - [CSS] 動畫效果 3D翻轉bug5. javascript - JS設置Video視頻對象的currentTime時出現了問題,IE,Edge,火狐,都可以設置,反而chrom卻...6. python小白的基礎問題 關于while循環的嵌套7. java固定鍵值轉換,使用枚舉實現字典?8. php自學從哪里開始?9. phpstady在win10上運行10. 求大神幫我看看是哪里寫錯了 感謝細心解答
排行榜
