2017-05-10 15 views
0

私のhtmlの機能を見つけるカント:JavaScriptがonclickの属性に

<!doctype hmtl> 
 
<html> 
 
<head> 
 
</head> 
 
<body> 
 
    <script type='text/javascript'> 
 
     var playerId = 1; 
 
     function event(action) { 
 
      let req = new XMLHttpRequest('/act?id='+String(playerId)+'&action='+action); 
 
      alert(action); 
 
     } 
 
    </script> 
 
    <img src="up.png" width='100' height='100' onclick='event("up");'> 
 
    <img src="down.png" width='100' height='100' onclick='event("down");'> 
 
    <img src="left.png" width='100' height='100' onclick='event("left");'> 
 
    <img src="right.png" width='100' height='100' onclick='event("right");'> 
 
    <img src="fire.png" width='100' height='100' onclick='event("fire");'> 
 
</body> 
 
</html>

を私はイメージがクリック可能であることを確認するために知っています。しかし、なぜエラーメッセージはevent is not a functionと言っていますか?私は助けが必要です。

+3

ジャスト機能の名前を変更。 'event'は許されません。 –

+0

ありがとう!これが答えです。 –

答えて

2

このようにして、グローバルオブジェクトwindow.eventにアクセスしようとしているので、関数の名前を変更してください。 testに機能eventの名前を変更

独自のコード、:

<!doctype hmtl> 
 
<html> 
 
<head> 
 
</head> 
 
<body> 
 
    <script type='text/javascript'> 
 
     var playerId = 1; 
 
     function test(action) { 
 
      let req = new XMLHttpRequest('/act?id='+String(playerId)+'&action='+action); 
 
      alert(action); 
 
     } 
 
    </script> 
 
    <img src="up.png" width='100' height='100' onclick='test("up");'> 
 
    <img src="down.png" width='100' height='100' onclick='test("down");'> 
 
    <img src="left.png" width='100' height='100' onclick='test("left");'> 
 
    <img src="right.png" width='100' height='100' onclick='test("right");'> 
 
    <img src="fire.png" width='100' height='100' onclick='test("fire");'> 
 
</body> 
 
</html>

関連する問題