Aのページに記事のリストがあります。Aの記事の各リンクをクリックすると、ページBにリダイレクトされ、記事の内容が表示されます。
「戻る」ボタンをクリックすると、Aページに戻ります。
ページAは、どの記事のリンクが最後にクリックされたかをどのように記憶し、そのリンクまでスクロールできますか?
Aのページに記事のリストがあります。Aの記事の各リンクをクリックすると、ページBにリダイレクトされ、記事の内容が表示されます。
「戻る」ボタンをクリックすると、Aページに戻ります。
ページAは、どの記事のリンクが最後にクリックされたかをどのように記憶し、そのリンクまでスクロールできますか?
イベントハンドラー関数(コールバック)を定義する場合、その関数の最初のパラメーターはイベントオブジェクトです。
イベントオブジェクトには、イベントのタイプ、イベントをトリガーした正確なHTML要素、ページ内の正確な位置などの情報が含まれています。
$('body').click(function(e) {
console.log(e.pageX, e.pageY);
});
上記はjQueryeventObjectで利用できます。
「通常の」JavaScripteventObjectは、位置情報を参照する別の名前のプロパティを持つ場合があります。ブラウザ間で名前が異なる場合もあります。
document.getElementsByTagName('body')[0].onclick = function(e) {
console.log(e.clientX, e.clientY);
console.log(e.layerX, e.layerY);
};