ボタンがフォーカスされたリンクを変更

Question

は基本的に私は、モバイルビュー用アプリケーションスタイルサイトでつもりですし、彼らは上部のナビゲーションバーには、あなたがそれらをめくることができますしながら、順番にページをめくるために下にあるボタンを望んでいました任意の順序で。下のボタンを変更して、どちらのボタンが表示されているかに応じて、次のページにリンクします。特定のボタンがフォーカスされているときにボタンがリンクを変更したいと思っています。私はいろいろなことを試みましたが、それを機能させるように見えません。あなたの魔法をしてください。

if(document.getElementById("abt").hasFocus()) { 
document.getElementById("golink").href = "#work"; 

}

Answer 1

私はfocusあなたはフォーカスがフォームオブジェクトの外に追跡することができつかの間として探しているものがあるとは思いません。

私はあなたが探しているものにあなたを支援するのに役立つ可能性のある解決策を嘲笑しました。ここで

はJSFiddleへのリンクです：

EDIT - フィドルを更新：フィドルでhttps://jsfiddle.net/t0uwff4t/

Javascriptを：

// Array of sections. 
var sections = [ 
    '#first', 
    '#second', 
    '#third', 
    '#fourth', 
    '#fifth' 
] 

// Get the last value in the array. 
var lastArrayValue = sections[sections.length - 1]; 

// Button pointer 
var btn = document.querySelector('#button'); 

// On click of the button, do work. 
btn.onclick = function() { 
    // Get the current href. 
    var href = btn.getAttribute('href'); 

    // Ternary operator setting the index to zero if the user is on the last index of array. 
    // Else set the index to the next array value. 
    var index = (href === lastArrayValue) ? 0 : sections.indexOf(href) + 1; 

    // Set the href attribute. 
    btn.setAttribute('href', sections[index]); 
} 

注：この例では動作しますが、これが唯一のモックアップです - これは、ユーザーが「フリップページ」をすばやくクリックすることを説明していないことを意味します。

幸運と私はこれがあなたの目標にあなたを助け願っています。