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

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

Javascript keyup html在Firefox上有效,但在chrome上顯示2

Javascript keyup html在Firefox上有效,但在chrome上顯示2

藍山帝景 2021-04-05 16:21:24
問題是在Firefox上,以下代碼有效。按以下方式工作:在輸入文本之前顯示計數(shù),并且在輸入文本時替換“ 0/350”。在Chrome上,會顯示0/350,但是在輸入文字時,0/350會保留,但旁邊會出現(xiàn)一個新的1/350。因此,最終,有一個空白0/350,旁邊有一個空白,該計數(shù)應為空。<div class="form-group">   <%= form.label :description, class: "form-label"  %>   <%= form.text_area :description, class: "form-control message" %>   <span class="countdown float-right">0/350</span></div><script>  $(".message").on("keyup", function () {           var maxLength = $(this).attr("maxlength")           var remaining = $(this).val().length           $(this).next().text(remaining + '/' + maxLength)   })</script>現(xiàn)在,如果我使用:<span class="countdown float-right"></span>注意,沒有“ 0/350”,它在兩種瀏覽器上都可以使用,但是只有輸入文本后才會顯示。也沒有涉及CSS。如何做到這一點,以便所有瀏覽器(例如在Firefox上的工作方式)也能在Chrome上顯示該計數(shù)?
查看完整描述

1 回答

?
守候你守候我

TA貢獻1802條經驗 獲得超10個贊

因此,解決問題的方法非常簡單,只需在頁面加載后將其稱為函數(shù)即可。


    function getcountonstart(){

               var maxLength = $(".message").attr("maxlength")

               var remaining = $(".message").val().length

               $(".message").next().text(remaining + '/' + maxLength)

       }

       //Call the function

       getcountonstart();

編輯:完整的腳本代碼!


 <script>

  $(".message").on("keyup", function () {

           var maxLength = $(this).attr("maxlength")

           var remaining = $(this).val().length

           $(this).next().text(remaining + '/' + maxLength)

   })

   function getcountonstart(){

        var maxLength = $(".message").attr("maxlength")

        var remaining = $(".message").val().length

        $(".message").next().text(remaining + '/' + maxLength)

   }

   getcountonstart();

</script>


查看完整回答
反對 回復 2021-04-08
  • 1 回答
  • 0 關注
  • 195 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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