3

target/srcElement画像マップのHTML"area"要素を取得しようとしています。

これが私がこれまでに持っているものです（データURIを許してください）：

<map name="dpad">
  <area id="dpad"shape="rect" alt="" title="" coords="1,14,12,24" onmousedown="move('l',false,event);" target="" />
  <area shape="rect" alt="" title="" coords="15,2,24,12" onmousedown="move('u');" target="" />
  <area shape="rect" alt="" title="" coords="27,15,38,24" onmousedown="move('r');" target="" />
  <area shape="rect" alt="" title="" coords="15,27,25,38" onmousedown="move('d');" target=""/>
</map>
<img width="40"height="40"src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTAw9HKhAAADDElEQVRYR+2ZvYoiQRSFW1EMVkEzI2XfydQH2GwGDTfczFRYNNBBUDFQUFN9ATXQwEEDRQ3UB3ADQajpr7Gkp8f+k2G6F2bg0jVVt+qcrp9zb5cBxeVfMpmMnE6nX+fz+U8kEvkRCoUsR7hcLorq+0/1/R2NRv8ej8ezS0h37uFwOBEMBkupVErk83lRKBQsDR986UNfd2gPeAcCgYRqpUwmI+bzuTgcDjcbj8cC09fhgy996PsApLsukmA2mxWLxeJGhnKz2dTMWI+vpwRXq5XodDqi3W5rRpk6ZhKynhLc7XZiMBiIVqsler2eZpSpo81zgqPRSDQaDdHtdkW/39eMMnXsR08JTqdTUSqVRK1WE/V6/Z1RVy6XBT6eLTEzNJlMLA0fzwjqT6teWvRlT5f4myASnU6nI4SgqwA7ef5UfV+MQu1giV/UfvR1gpGAE9wUNYA/EyevSu/kCdDrAwRfeTGnOHCKxWLPipqNnAjmxEtAnVqxWBTr9fpd3L03i/jg63Rc/OACJ7gxg1pWQlBn0+sNDZNia2wDeL/f3wgSNWazmWaUJVl88DX253/GBsPYBhc4wU2Jx+NauqR/ewCIEIgwOme2v6jfbDZiOByKarWqCTZWqVS0UEebVV/GBgMs/UvRB05w+0CQIM/ghCrA7AhCjihCDJahjjJ1tNkRBAMsMGWCYUqQqSYTIdgTTwGxIshbM3N6cnqStG23W1OSjA0GWGCCLbX1wwyyH8jlSJckoB1B9hszIEkZn7ThYzaLkiD9wAQbDnD5/wjylsvl8lOXmMPidonh8GWHhI3/qYdEDsbmZx+Qz9md4nsyw+HgBDuRGTDAMpUZxDCXy5kKNQTviaxRqFlKKdT6ZbUSasY2E2o4aULt+1BHQPZ1suD7dMvdZ7uimH24O8gHvb1Z+CbodKn1Sywvi+yenn12omEIrUyZSJuk+eLDXWbFvr36gKDvL484vb6+fpPy4rsLTN9eAesv0ck47C7R8fnSS3R+hlDToCeV6Il0iE9DK8Pn6vtEX6d6K/3eAH0oKaUOiMCyAAAAAElFTkSuQmCC"usemap="#dpad"/>

したがって、dpadの左矢印には、と呼ばれる関数がありonmousedownますmove(dir,hold,e)。

開始された関数は次のとおりです。

function move(dir,hold,e){
    var p=document.getElementById('test');
    alert(e);
}

"undefined"これは、その領域をクリックしたときになぜ私が得ているのかについて、私からのがらくたを混乱させています。誰かが私がどのように目標を得ることができるかについて完全に詳細に説明してもらえますか？

'event'HTMLコードにパラメータとして含める必要がありますか？そのためのパラメータも必要ですか？

別の注意点として、これが私を本当に混乱させたものです。

したがって、その要素のターゲットを取得することはできませんが、これは問題なく機能します。

<div class="male1-d" id="test" data-sprite="male1" onclick="alert(event.target+' '+this.style.left+' '+this.style.top);"></div>

終わり。ターゲットを取得しました。では、なぜ関数でそれを実行できないのですか？

Operaの場合、モバイル（？）バージョン9.50を意味していることを忘れました。

4

2 に答える 2

3

一部のブラウザーでは、「イベント」はウィンドウの属性ですが、他のブラウザーでは「イベント」をパラメーターとして含める必要があります。したがって、move 関数は次のようになります。

 <html>
   <body>
     <button onmousedown='move(event)' id='btn' name='a button'>click</button>
   </body>
   <script>
     function move(e){
       var e=e||window.event;
       var target=e.target||e.srcElement;
       alert(target);
       alert(target.id);
       alert(target.name);
    }
  </script>
 </html>
于 2013-01-14T04:51:30.397 に答える
0

どうやら、クリックイベントの問題です。彼らは、それはjqueryのバグだと言います。詳細は

モバイルSafariで発生しないli要素のdivのjqueryクリックイベント

それは2つのことを言います：

Add cursor:pointer to the DIV class.
Add onclick="" to the element
于 2014-03-06T05:33:08.473 に答える