第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全，請及時綁定郵箱和手機立即綁定
已解決430363個問題，去搜搜看，總會有你想問的

無法將 setInterval 運行到 javascript 中的另一個函數(shù)中

無法將 setInterval 運行到 javascript 中的另一個函數(shù)中

守著一只汪 2023-09-28 10:17:20
很小的問題...問題：當我運行代碼時，它沒有將輸入字段值顯示到 div 中，但為什么呢？要求：我的要求是第一個用戶在輸入字段中輸入值，然后當我單擊按鈕時，輸入值將顯示在 div 上。代碼： function abc(){            window.setInterval(()=>{                var myForm = document.getElementById('myForm');                var text = document.getElementById('text');                    text.innerText = myForm.elements['email'].value;            }, 1);                }<form id="myForm">            <input type="number" name="email" value="user@example.com">            <button id="btn" onclick="abc()">click On me</button>        </form>        <p id='text'></p>
查看完整描述

1 回答

?
慕容3067478

TA貢獻1773條經(jīng)驗 獲得超3個贊

您不需要“setInterval”來執(zhí)行此操作


當按鈕元素位于表單元素中時，它默認使用發(fā)送功能，在本例中該功能會刷新頁面。因此，字段的內(nèi)容一旦被填充就被清理。


我刪除了表單元素?，F(xiàn)在，當單擊按鈕時，input將獲取元素的內(nèi)容并顯示在p元素中


<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

</head>

<body>


    <input id="mail" type="text" name="email" value="user@example.com">

    <button id="btn" onclick="abc()">click On me</button>


    <p id='text'></p>


    <script>

        function abc() {

            var mail = document.getElementById('mail');

            var text = document.getElementById('text');

            text.innerText = mail.value;

        }

    </script>


</body>

</html>

帶 setInterval 的版本


按下按鈕后“setInterval”將被激活。每 100 毫秒，它就會從輸入元素中獲取所有信息并將其填充到 P 元素中。您可以在字段中書寫，文本將立即出現(xiàn)在另一個元素中。為了在按下按鈕后不累積空格，我在代碼中設(shè)置了一行來停用按鈕


function abc() {

    document.getElementById('btn').setAttribute("disabled", true);


    setInterval(() => {

        var mail = document.getElementById('mail');

        var text = document.getElementById('text');

        text.innerText = mail.value;

    }, 100);

}

<input id="mail" type="text" name="email" value="user@example.com">

<button id="btn" onclick="abc()">click On me</button>


<p id='text'></p>


查看完整回答
反對 回復 2023-09-28
  • 1 回答
  • 0 關(guān)注
  • 108 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

 公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號