HTML部分:
<div>
<textarea id="desc" name="desc"></textarea>
<div class="change">您還剩下「<span id="word"></span>」字,即可進行下一步</div>
<div class="next">滿200個字囉!您可以繼續填寫或進行下一步</div>
</div>
javacript部分:
jQuery(document).ready(function() {
jQuery('#word').text('200');
jQuery('.next').hide();
jQuery('#desc').on("keyup", KeyIn).on("keydown", KeyIn).on("change", KeyIn);
});
function KeyIn(evt) {
var maxLength = 200;
var nowContent = jQuery(this).val();
var nowLehgth = nowContent.length;
if (nowLehgth > maxLength){
jQuery('.change').hide("slow");
jQuery('.next').show("slow");
}
else{
jQuery('.next').hide("slow");
jQuery('.change').show("slow");
jQuery("#word").html(maxLength - nowLehgth);
}
}
訂閱:
張貼留言 (Atom)
[Laravel]環境架設,使用docker + laradock
1.選擇使用docker + laradock在windows10的環境使用 先至 docker官方網站 下載 docker for windows 2.依照執行程式下載安裝 這邊我的電腦有遇到一些問題順便記錄下來, 在下載啟動docker時發生錯誤 Hardw...
-
首先html部分 <div class="header" style="height:300px;"> </div> <section class="section section--menu...
-
圖片上傳在本機測試沒有問題 可是佈署到IIS上面去之後發現無法上傳檔案 參考解決方案: 一開起便懷疑是檔案資料夾權限不夠導致上傳失敗 上網查詢後發現 『IUSR_MachineName』 匿名存取時 IIS 所使用的身份識別 IIS 讀取任何靜態檔案時,預...
-
woocommerce 3.0升級上去後,在product image gallery這邊有了非常大的變化。 2.6以前在"設定"->"商品"選項裡可以選擇的燈箱效果拿掉了, 導致商品頁的lightbox等效果通通失效。 主...
沒有留言:
張貼留言