亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

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

JavaScript 在用戶輸入后清除文本區域

JavaScript 在用戶輸入后清除文本區域

尚方寶劍之說 2022-09-02 21:37:12
我正在嘗試創建一個HTML表單，其中包含標題，文本區域，發布按鈕和清除按鈕。我的目標是在用戶單擊“清除”按鈕時清除文本區域，但在此之前會出現一個警報，詢問用戶是否確定要清除文本。如果用戶類型確定，則擦除文本區域，如果用戶鍵入 Cancel，則取消方法。我嘗試了以下代碼，但我注意到無論我鍵入什么輸入或按下按鈕，默認情況下都會刪除文本區域中的文本。我如何防止這種情況，從而使其發揮作用？  <!DOCTYPE html><html><head>    <meta charset="UTF-8"/>    <link rel="stylesheet" href="global.css"></head><body><form >    <input type="text" id="title" name="title"><textarea id="blog_textarea" name="blog" placeholder="Your Text">  </textarea>   <br><button type="submit" id="post" name="submission" value="Submit">Post</button>  <button id="clear_button" onclick="clearFun()" >Clear</button></form><p id="demo"></p><script>    function clearFun() {        var par_output="";  var txt = prompt("To confirm, please type OK, or to stay type Cancel ");  if (txt == "OK" || "ok") {     document.getElementById("blog_textarea").value = "";  } else {    par_output = "Please type OK to confirm or Cancel";  } document.getElementById("par_output").innerHTML = demo;}    </script></body></html>非常感謝大家
查看完整描述

2 回答

?
達令說

TA貢獻1821條經驗 獲得超6個贊

你需要分別寫這兩個條件和表單標簽也是效果來清除它

if (txt == "OK" ||txt == "ok")


查看完整回答
反對 回復 2022-09-02
?
撒科打諢

TA貢獻1934條經驗 獲得超2個贊

這應該有效：


<!DOCTYPE html>

<html>

  <head>

    <meta charset="UTF-8" />

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

    <title>Document</title>

  </head>

  <body>

    <textarea id="textarea"></textarea>

    <br />

    <button id="clearbutton">Clear</button>


    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

    <script>

      $('#clearbutton').click(async () => {

        const clear = await prompt('Clear? Type ok');


        if (clear.toLowerCase() === 'ok') {

          $('#textarea').val('');

        }

      });

    </script>

  </body>

</html>

在普通的 JavaScript 中：


<!DOCTYPE html>

<html>

  <head>

    <meta charset="UTF-8" />

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

    <title>Document</title>

  </head>

  <body>

    <textarea id="textarea"></textarea>

    <br />

    <button id="clearbutton">Clear</button>


    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

    <script>

      document

        .getElementById('clearbutton')

        .addEventListener('click', async () => {

          const clear = await prompt('Clear? Type ok');


          if (clear.toLowerCase() === 'ok') {

            document.getElementById('textarea').value = '';

          }

        });

    </script>

  </body>

</html>


查看完整回答
反對 回復 2022-09-02
  • 2 回答
  • 0 關注
  • 188 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號