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

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

頁(yè)面加載時(shí)自動(dòng)啟動(dòng) JavaScript 功能

頁(yè)面加載時(shí)自動(dòng)啟動(dòng) JavaScript 功能

慕妹3146593 2022-10-13 15:41:16
我的 JavaScript 代碼有一些問(wèn)題,您可以在下面看到。因此,當(dāng)用戶鍵入內(nèi)容時(shí),代碼會(huì)計(jì)算某些文本區(qū)域中的字符并實(shí)時(shí)計(jì)算。根據(jù)符號(hào)計(jì)數(shù),用戶有兩個(gè)信息:一些短信取決于計(jì)數(shù)字符數(shù)問(wèn)題是,該代碼僅在我們至少鍵入一個(gè)符號(hào)時(shí)才開(kāi)始。但是在我的網(wǎng)站中,我在這個(gè) textarea 中有一些從數(shù)據(jù)庫(kù)加載的信息,當(dāng)頁(yè)面加載時(shí),所以 textarea 已經(jīng)有一些符號(hào)。但是當(dāng)頁(yè)面加載時(shí)計(jì)數(shù)功能不會(huì)啟動(dòng),正如我所說(shuō),我們需要輸入(或刪除)至少一個(gè)符號(hào)。我知道,我認(rèn)為我的代碼應(yīng)該可以正常工作,因?yàn)槲沂褂昧薿nkeyup事件。但是,我也嘗試使用onload事件。還嘗試添加window.onload = countDescriptionChar(this);到腳本代碼但它仍然不起作用。因此,我需要在頁(yè)面加載時(shí)啟動(dòng)腳本(當(dāng)我們沒(méi)有按下任何鍵時(shí))并保存功能以在用戶按下某個(gè)鍵時(shí)實(shí)時(shí)計(jì)數(shù)字符。我覺(jué)得我做錯(cuò)了什么...你下面有我的所有代碼感謝幫助!這是我使用的 JavaScript 代碼        function countDescriptionChar(val) {            var len = val.value.length;            if ((len >= 0) && (len < 105)) {                $('#symbolsDescription').text(len);                document.getElementById("statusDescription").innerHTML = "<span style='color: orangered'>less then 105 characters</span>";            }            else if ((len >= 105) && (len <= 135)) {                $('#symbolsDescription').text(len);                document.getElementById("statusDescription").innerHTML = "<span style='color: green'>Idealy! (105 - 135 characters)</span>";            }            else {                $('#symbolsDescription').text(len);                document.getElementById("statusDescription").innerHTML = "<span style='color: orangered'>Too much... (more then 135)</span>";            }        };然后是我在模板中使用的 HTML 代碼。 我使用 Laravel 從數(shù)據(jù)庫(kù)中顯示 textarea 中的數(shù)據(jù)<label for="" class="mt-4">Description</label><div id="statusDescription"></div>Symbols: <div class="seocount" id="symbolsDescription"></div><textarea class="form-control" id="meta_description" name="meta_description" onkeyup="countDescriptionChar(this)" >@isset ($article->meta_description){{ $article->meta_description}}@endisset</textarea>
查看完整描述

1 回答

?
喵喔喔

TA貢獻(xiàn)1735條經(jīng)驗(yàn) 獲得超5個(gè)贊

查看您的代碼,我添加了兩件事似乎可以滿足您的期望:

  • 添加$(document).ready(countDescriptionChar())到您的 JS 代碼中;

  • 添加一個(gè)三元運(yùn)算符,它將在您分配 var 時(shí)查找您的參數(shù)len,如果它返回為“未定義”,那么它應(yīng)該查找您的 id<textarea>并收集它的值

    var len = val === 未定義?document.getElementById('meta_description').value.length : val.value.length

$(document).ready(countDescriptionChar())


function countDescriptionChar(val) {

  

  var len = val === undefined ? 

      document.getElementById('meta_description').value.length :

  val.value.length

  

  if ((len >= 0) && (len < 105)) {

    $('#symbolsDescription').text(len);

    document.getElementById("statusDescription").innerHTML = "<span style='color: orangered'>less then 105 characters</span>";

  }

  else if ((len >= 105) && (len <= 135)) {

    $('#symbolsDescription').text(len);

    document.getElementById("statusDescription").innerHTML = "<span style='color: green'>Idealy! (105 - 135 characters)</span>";

  }

  else {

    $('#symbolsDescription').text(len);

    document.getElementById("statusDescription").innerHTML = "<span style='color: orangered'>Too much... (more then 135)</span>";

  }

};

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

<label for="" class="mt-4">Description</label>

<div id="statusDescription"></div>

Symbols: <div class="seocount" id="symbolsDescription"></div>


<textarea class="form-control" id="meta_description" name="meta_description" onkeyup="countDescriptionChar(this)" >

@isset ($article->meta_description)

{{ $article->meta_description}}

@endisset

</textarea>


查看完整回答
反對(duì) 回復(fù) 2022-10-13
  • 1 回答
  • 0 關(guān)注
  • 86 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

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