2017-03-10 89 views
0

基本上我有一個應用程序樣式現場提供移動視圖去,他們希望在底部通過網頁,以翻轉而在頂部的導航可以讓你通過他們翻轉按鈕以任何順序。我想要更改底部按鈕以鏈接到下一個頁面,具體取決於它位於哪個頁面上。所以我想要按鈕來改變特定按鈕的焦點時的鏈接。我嘗試了許多不同的東西,似乎無法使其工作。請盡你的魔力。更改按鈕時聚焦的鏈接

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

}

+0

你知道什麼是重點?這只是一個用戶的交互將被引導到任何具有焦點,直到用戶將焦點更改或模糊事件happens.What是改變它的'href'到'HTTP鏈接之間的區別:// xwz.com'集中,當一個鏈接不斷有href到'xyz.com'?用戶不會僅僅通過使用它觸發焦點事件?有一種方法我可以通過觸發器來猜測,但這聽起來像以前的想法一樣沒用。或者我缺少一些東西,除了缺乏[mcve]? – zer00ne

+0

我試圖改變1個按鈕的鏈接,而另一個重點是 –

+0

好吧,這更有道理,但也有不是集中更好的辦法,除非你使用的形式或Tab鍵是很重要的。 – zer00ne

回答

0

我不相信focus是你要找的內容作爲重點轉眼成空,以表單對象以外的跟蹤。

我嘲笑了一個可能的解決方案,以幫助您找到所需的東西。

這裏是對的jsfiddle鏈接: - :在小提琴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]); 
} 

注意:雖然這個例子的作品,這只是一個樣機 - 這意味着它沒有考慮用戶快速按下「翻頁」按鈕。

祝你好運,我希望這可以幫助你你的目標。