html5中output標(biāo)簽的onforminput事件失效的解決辦法

來源：懂視網(wǎng) 責(zé)編：小采時(shí)間：2020-11-27 15:30:11

html5中output標(biāo)簽的onforminput事件失效的解決辦法

html5中output標(biāo)簽的onforminput事件失效的解決辦法:官網(wǎng)的這個(gè)例子中 onforminput事件貌似沒有執(zhí)行，代碼：<html><head> <script type="text/javascript"> function resCalc() { numA=document.getElementById("num_a&qu

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

導(dǎo)讀html5中output標(biāo)簽的onforminput事件失效的解決辦法:官網(wǎng)的這個(gè)例子中 onforminput事件貌似沒有執(zhí)行，代碼：<html><head> <script type="text/javascript"> function resCalc() { numA=document.getElementById("num_a&qu

官網(wǎng)的這個(gè)例子中 onforminput事件貌似沒有執(zhí)行，代碼：<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 元素的簡(jiǎn)易計(jì)算器：</p>
<form onsubmit="return false">
<input id="num_a" /> +
<input id="num_b" /> =
<output id="result" onforminput="resCalc()"></output>
</form>
</body>

求指點(diǎn)

那就指點(diǎn)你一下吧，代碼已測(cè)試通過，呵呵，什么html5標(biāo)簽，核心還不是用的js。

原理：把output改為input，然后用onClick事件。

簡(jiǎn)單點(diǎn)說，就是把<output id="result" onforminput="resCalc()"></output>改為<input id="result" onclick="resCalc()" />即可，然后運(yùn)行后，直接單擊最后一個(gè)輸入框，一定要在輸入框上單擊。

<!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 元素的簡(jiǎn)易計(jì)算器：</p>
<form onsubmit="return false">
 <input id="num_a" /> +
 <input id="num_b" /> =
 <input id="result" onclick="resCalc()" />
</form>
 
</body>
</html>

我只是糾結(jié)于為什么官網(wǎng)的例子出不來效果呢，

代碼寫錯(cuò)了，事件方法不對(duì)。

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

html5中output標(biāo)簽的onforminput事件失效的解決辦法

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

標(biāo)簽：失效解決事件

熱門焦點(diǎn)

html5中output標(biāo)簽的onforminput事件失效的解決辦法

html5中output標(biāo)簽的onforminput事件失效的解決辦法

html5中output標(biāo)簽的onforminput事件失效的解決辦法

最新推薦

猜你喜歡

熱門推薦