IT業界の技術をメモ・情報公開できる

jQueryを使った1つのタブ内のボタンを押すと、もう1つのタブの要素に反映させる

登録日:2025-04-30   
jquery
タブ1のスクリプト(ボタン押す側)
$("#copyBtn").on("click", function() {
const value = $("#input1").val();
localStorage.setItem("sharedText", value); // タブ2へ通知
});

タブ2のスクリプト(反映される側)
window.addEventListener("storage", function(e) {
if (e.key === "sharedText") {
$("#result").text(e.newValue);
}
});

一覧に戻る