文章詳情頁
javascript - vue.js中如何監聽鼠標滾輪事件呢。
瀏覽:105日期: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. HTML5禁止img預覽該怎么解決?3. javascript - 手機點擊input時,button會被頂上去?求解決!!!4. 網頁爬蟲 - python爬蟲用BeautifulSoup爬取<s>元素并寫入字典,但某些div下沒有這一元素,導致自動寫入下一條,如何解決?5. html - 請教一個前端css問題。6. 百度地圖api - Android 百度地圖 集成了定位,導航 相互的jar包有沖突?7. javascript - vscode alt+shift+f 格式化js代碼,通不過eslint的代碼風格檢查怎么辦。。。8. javascript - vue-mint UI - icon在哪里有文檔?9. html5 - 表單無法屏蔽自動填充 autocomplete=off10. python - django 按日歸檔統計訂單求解
排行榜
