文章詳情頁
javascript - vue.js中如何監聽鼠標滾輪事件呢。
瀏覽：183日期：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 - immutable配合react提升性能？2. javascript - sublime快鍵鍵問題3. 配置Apache時，添加對PHP的支持時語法錯誤4. Apache 已經把網站根目錄的改為allow from all了，但是服務器還是不能訪問？5. css - 寫頁面遇到個布局問題，求大佬們幫解答，在線等，急！~6. phpstudy8.1支持win11系統嗎？7. javascript - nodejs關于進程間發送句柄的一點疑問8. 實現bing搜索工具urlAPI提交9. vue.js - Vue 如何像Angular.js watch 一樣監聽數據變化10. javascript - 移動端上不能實現拖拽布局嗎？
排行榜
網公網安備