「js高手之路」html5 canvas動畫教程-實時獲取滑鼠的當前坐標

今天中公優就業的老師給大家介紹一個簡單的實時獲取滑鼠坐標的功能，在canvas動畫開發中，獲取滑鼠的坐標，鍵盤的按鍵等等，都是常用的操作，我們就慢慢得把他們封裝成一個公共庫。

一、事件的兼容：

上面兼容ie8以及修正this關鍵字在ie低版本的指向，下面兼容chrome和ff。其他更常用的封裝可以參考我的javascript開源框架gdom

二、用立即表達式搭建一個基本的庫

添加獲取滑鼠坐標的方法

三、引入封裝的js庫，綁定canvas為監聽對象，列印當前滑鼠的坐標

滑鼠的坐標，我這裡畫了2根線，便於觀察.

四、點擊"run code"可以預覽效果額

(作者:ghostwu, 出處:http://www.cnblogs.com/ghostwu 博客大多數文章均屬原創，歡迎轉載，但未經作者同意必須保留此段聲明，且在文章頁面明顯位置給出原文連接，否則保留追究法律責任的權利）

· 2017年【中公教育】特別推出2017年就業促進計劃，500萬就業基金助你成為IT達人

詳情請戳：http//www.ujiuye.com/zt/jycj/?wt.bd=bgz

· 什麼？海量IT學習資料白給你都不要？別想了，加群搶：584539956

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！