文章詳情頁
javascript - vue.js中如何監聽鼠標滾輪事件呢。
瀏覽:80日期: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. python的文件讀寫問題?2. javascript - jquery hide()方法無效3. mysql里的大表用mycat做水平拆分,是不是要先手動分好,再配置mycat4. 怎么用css截取字符?5. css - 定位為absolute的父元素中的子元素 如何設置在父元素的下面?6. python - 獲取到的數據生成新的mysql表7. CSS3可否做出這個效果?8. window下mysql中文亂碼怎么解決??9. javascript - 圖片鏈接請求一直是pending狀態,導致頁面崩潰,怎么解決?10. javascript - 請問 chrome 為什么會重復加載圖片資源?
排行榜
