|
||
|
Regular Member
加入日期: Oct 2003 您的住址: 台北
文章: 69
|
[問題]Javascript function 呼叫與click事件問題
首先這只是小弟在練習HTML5 Canvas的時候想在畫好的圖樣上做一個簡單的
onclick 的event。 程式碼大約如下： js: -------------------------------------------------------------------------------------------- var canvas ; function draw() { canvas = document.getElementById("canvas1"); if(canvas.getContext) { var cvs = canvas.getContext("2d"); cvs.beginPath(); cvs.moveTo(150,20); cvs.lineTo(130,120); cvs.lineTo(220,60); cvs.lineTo(190,40); cvs.lineTo(130,120); cvs.lineTo(180,30); cvs.closePath(); cvs.fillStyle="#ee8888"; cvs.fill(); } canvas.addEventListener('click',clickrp,false); } function clickrp() { alert("hellow world!"); } -------------------------------------------------------------------------------------- HTML部份為： <body onload="draw()"> <canvas id="canvas1" width="300" height="300">無法顯示。</canvas> </body> -------------------------------------------------------------------------------------------------------------- 發現在JS的canvas.addEventListener('click',clickrp,false); 這部份如果改成canvas.addEventListener('click',clickrp(),false); 變成一讀取網頁就會執行 hello world而且點圖片也不會有反應，但是把括號拿掉就不會！變成要滑鼠去點圖才會秀出hello world 小弟對JS並不是很熟，google了好久也沒有看到有這方面的解釋，想請問版上強者這兩個有括號跟無括號到底差別在哪邊？謝謝！ <(_ _)> |
|||||||
2013-07-02, 12:58 AM
#1
|
|
|
*停權中*
加入日期: Sep 2010
文章: 691
|
|
||
|
2013-07-02, 01:42 AM
#2
|
|
