本篇內容介紹了“如何使用jTopo給Html5 Canva中繪制的元素添加鼠標事件”的有關知識,在實際案例的操作過程中,不少人都會遇到這樣的困境,接下來就讓小編帶領大家學習一下如何處理這些情況吧!希望大家仔細閱讀,能夠學有所成!
代碼如下:
var node = new JTopo.Node("Hello");
node.setLocation(409, 269);
node.mousedown(function(event){
if(event.button == 2){
node.text = '按下右鍵';
}else if(event.button == 1){
node.text = '按下中鍵';
}else if(event.button == 0){
node.text = '按下左鍵';
}
});
node.mouseup(function(event){
if(event.button == 2){
node.text = '松開右鍵';
}else if(event.button == 1){
node.text = '松開中鍵';
}else if(event.button == 0){
node.text = '松開左鍵';
}
});
node.click(function(event){
console.log("單擊");
});
node.dbclick(function(event){
console.log("雙擊");
});
node.mousedrag(function(event){
console.log("拖拽");
});
node.mouseover(function(event){
console.log("mouseover");
});
node.mousemove(function(event){
console.log("mousemove");
});
node.mouseout(function(event){
console.log("mouseout");
});
“如何使用jTopo給Html5 Canva中繪制的元素添加鼠標事件”的內容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業相關的知識可以關注創新互聯網站,小編將為大家輸出更多高質量的實用文章!
文章名稱:如何使用jTopo給Html5Canva中繪制的元素添加鼠標事件-創新互聯
瀏覽地址:http://www.2m8n56k.cn/article12/piodc.html
成都網站建設公司_創新互聯,為您提供關鍵詞優化、全網營銷推廣、微信公眾號、網頁設計公司、用戶體驗、外貿網站建設
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:[email protected]。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯