讓JavaScript在任何鏈接上都能正常工作

點擊我的頁面的任何鏈接時，我希望發生效果（某個<div id="posts">左轉）。我想知道是否有一種方法來做到這一點與JavaScript。我想過的唯一的事情是功能，但添加屬性onclick="myFunction"到我的所有鏈接將是如此之長..讓JavaScript在任何鏈接上都能正常工作

也許有一個預製的js函數可用於任何鏈接？

我也想過使用CSS a:active但我不認爲這是最好的主意。

感謝您的回覆！ :)

來源

2017-06-04 Maëlle Jumel

使用'Document.querySelectorAll（）'和'的addEventListener（）'添加一個監聽器到多個節點。 –

好的謝謝你的'selectorAll'，但我不確定要了解'addEventListener'會做什麼以及它是如何使用的？ @OriDrori –

'addEventListener'會添加一個類似於你使用onclick =「myFunctiun」的函數，但會添加到所有選定的節點。 –

-1

您可以使用jQuery做事情的工作是這樣的： -

$('a').click(myfunction); 
function myFunction() { 
    //do click event stuff here :) 
}

如果你需要一個純JavaScript的替代，我不知道這是否會工作，但這裏的東西，你可以嘗試：

var a = document.getElementsByTagName("p"); 
for(var i=0; i<p.length; i++){ 
p[i].onclick = function(){ 
    myFunction(); 
} 
} 
function myFunction() { 
//do click event stuff here :) 
}

爲了更好地理解，你可以參考 http://jsbin.com/onaci/ 對不起，如果我誤解你了。如果是這樣，請糾正我。感謝

來源

2017-06-04 21:42:15

這是否有效？ –

您可以使用jQuery來尋找<a>元素的點擊，並呼籲從那裏功能：

$('a').click(function() { 
    // code to translate div left 
});

來源

2017-06-24 17:37:53

讓JavaScript在任何鏈接上都能正常工作

回答

相關問題