![cheche0830](data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="95" height="95"><rect fill-opacity="0"/></svg>){kind=small}
あ・・・targetですね・・・できました！！
ありがとうございます！！
前提・実現したいこと
react.jsを利用してクリックした要素の
x座標,y座標を取得したい。
発生している問題・エラーメッセージ
TypeError: e.getBoundingClientRect is not a function
該当のソースコード
clickButton(e) { console.log(e.getBoundingClientRect().top);//←ブラウザ上のx,y位置を取得したい console.log(e.clientX,e.clientY);//←マウス座標は取得できている } reunder() { return( <div id="btn" onClick={this.clickButton.bind(this)}>btn</div> ); }
どのようにすれば取得できますでしょうか？
回答2件
0
eはイベントオブジェクトなので、直接getBoundingClientRectを取ることはできません。e.target.getBoundingClientRectとする必要があるかと思います。
投稿2019/03/20 05:53
総合スコア135518
0
ベストアンサー
「e.target.getBoundingClientRect()」ではだめですかね？
投稿2019/03/20 05:53
総合スコア5570
コメント
良いと思った回答には高評価をしましょう。
評価が高い回答ほどページの上位に表示されるので、他の人が素晴らしい回答を見つけやすくなります。
下記のような回答は推奨されていません。
評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。
下記のような回答は推奨されていません。
評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。