我目前正在做一些輔助選項，使字體大小在頁面上增加或減少。在EndangeredMassa的calling JS from a link之後，它似乎不起作用！Javascript函數沒有從點擊運行 - 我做錯了什麼？

我目前的代碼（這是帶有在我的實際站點中使用的正確ID的虛擬代碼），甚至沒有運行Javascript警報，並且因爲我不是Javascript的人，所以如果有人可以讓我知道我做錯了什麼。

HTML

<p id="html">Nice to meet you!</p> 
<a id="incFontS" href="#">Increase Text</a>

的JavaScript

var incFont = document.getElementById("incFontS"); 
incFont.onClick = function() { 
    window.alert("it ran!"); 
}

正如你可以從我的jsfiddle看到，該代碼不會在所有的工作，而我還沒有得到的部分在那裏我開始改變字體大小（geh！）。

任何幫助，非常感謝！

來源

2014-09-04 Adam

https://developer.mozilla.org/en-US/docs /Web/API/GlobalEventHandlers.onclick – 2014-09-04 16:52:34

另外http://www.quirksmode.org/js/introevents.html是一個非常好的閱讀，以瞭解更多關於JS中的事件處理。 – 2014-09-04 17:13:56

大小寫在JavaScript中很重要。正確的屬性名稱是onclick（小寫'c'）。試試這個：

var incFont = document.getElementById("incFontS"); 
incFont.onclick = function() { 
    window.alert("it ran!"); 
}

Demonstration

此外，請務必閱讀addEventListener vs onclick的有關裝訂事件偵聽器不同的技術討論。

來源

2014-09-04 16:51:12

DEMO

var incFont = document.querySelector("#incFontS"); 
incFont.addEventListener('click', function() { 
    window.alert("it ran!"); 
    return false; 
});

來源

2014-09-04 16:53:55

的函數名稱爲onclick不onClick

即

var incFont = document.getElementById("incFontS"); 
incFont.onclick = function() { 
    window.alert("it ran!"); 
}

爲我工作。

來源

2014-09-04 16:55:15

嘗試這樣做增加字體大小

HTML代碼

<p id="html">Nice to meet you!</p> 
<a id="incFontS" href="#" onclick="myFunction()">Increase Text</a>

Java腳本代碼

<script> 
function myFunction() { 
    document.getElementById("html").style.fontSize="xx-large"; 
} 
</script>

來源

2014-09-04 17:12:13

Javascript函數沒有從點擊運行 - 我做錯了什麼？

回答

DEMO

相關問題