Rumah > Artikel > hujung hadapan web > html5中output标签的onforminput事件失效的解决办法
html5中output标签的onforminput事件失效的解决办法
- 黄舟asal
- 2017-07-03 10:43:223535semak imbas
官网的这个例子中 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事件。
简单点说，就是把0b274a28a5c2a78c9c18e491de00fac7d76c8de0b204cd1b17c9571b0bbcceb6改为7bed8fc2a8da960f91198a0696a825c5即可，然后运行后，直接单击最后一个输入框，一定要在输入框上单击。
<!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>我只是纠结于为什么官网的例子出不来效果呢，
代码写错了，事件方法不对。
Atas ialah kandungan terperinci html5中output标签的onforminput事件失效的解决办法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：html5中output标签有什么用？Artikel seterusnya：html中<p>和<br>标签的区别详解