html5中output標籤的onforminput事件失效的解決方法
- 黄舟原創
- 2017-07-03 10:43:223485瀏覽
官網的這個範例中onforminput事件 貌似沒有執行，程式碼：100db36a723c770d327fc0aef2ce13b1
<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事件。
簡單點說，就是把d22c446ec904399785cd0c4bfd85cff9d76c8de0b204cd1b17c9571b0bbcceb6改為0a0c2e16b8e9477590d4968872e55237即可，然後運行後，直接按一下最後一個輸入框，請務必在輸入框上按一下。
<!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中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn