按一个页面上的按钮突出显示新页面上的按钮

时间:2014-07-25 21:44:56

标签: javascript html button

所以我有两个页面,一个有按钮列表(页面a),另一个页面只有一个页面(页面b)。我正在寻找一种方法,如果你按下第b页上的按钮,它将带我去第二个按钮,其中.focus()已经定位它。这里是我编写的代码的一些链接,这是针对页面http://jsfiddle.net/posgarou/S96zw/

HTML page a

<button type="button" id="button0" onClick="reply_click(this.id)">button0</button><p></p>
<button type"button" id="button1" onClick="reply_click(this.id)">button1</button><p></p>
<button type"button" id="button2" onClick="reply_click(this.id)">button2</button><p></p>
<textarea id="myArea"></textarea>
<button type"button" id="button0" onClick="reply_click(this.id)">focus on button 0</button><p></p>

JAVASCRIPT(两个页面都使用相同的)

function reply_click(clicked_id){
  var id= clicked_id;
  var myTextArea = document.getElementById('myArea');
  myTextArea.innerHTML += id;
  document.getElementById(id).focus(); 
};

这适用于第b页http://jsfiddle.net/posgarou/S96zw/

HTML <body> <textarea id="result"></textarea> <button type="button" id="return" onClick="reply_click(this.id)">Return</button> </body>

1 个答案:

答案 0 :(得分:0)

你应该可以使用cookie或(更好的)本地/ sessionStorage来实现。

在第b页上,您将包含以下代码:

sessionStorage["focusedButton"] = "buttonId";

并在第a页上,您将包含以下内容:

if (sessionStorage["focusedButton"] != undefined) {
    document.getElementById(sessionStorage["buttonId"]).focus();
}

有关详细信息,请参阅this earlier question