官網的這個範例中onforminput事件 貌似沒有執行，程式碼：
<head>
<script type="text/javascript">
function resCalc()
{
numA=document.getElementById("num_a").value;
numB=document.getElementById("num_b").value;
document.getElementById("result").value=Number(numA)+Number(numB);
}
</script>
</head>
<body>
<p>使用 output 元素的简易计算器：</p>
<form onsubmit="return false">
<input id="num_a" /> +
<input id="num_b" /> =
<output id="result" onforminput="resCalc()"></output>
</form>
</body>求指點
那就指點你一下吧，程式碼已測試通過，呵呵，什麼html5標籤，核心還不是用的js。
原理：把output改為input，然後用onClick事件。
簡單點說，就是把改為即可，然後運行後，直接按一下最後一個輸入框，請務必在輸入框上按一下。
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
function resCalc()
{
numA=document.getElementById("num_a").value;
numB=document.getElementById("num_b").value;
document.getElementById("result").value=Number(numA)+Number(numB);
}
</script>
</head>
<body>
<p>使用 output 元素的简易计算器：</p>
<form onsubmit="return false">
<input id="num_a" /> +
<input id="num_b" /> =
<input id="result" onclick="resCalc()" />
</form>
</body>
</html>我只是糾結於為什麼官網的例子出不來效果呢，
程式碼寫錯了，事件方法不對。
以上是html5中output標籤的onforminput事件失效的解決方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！
