html:
<div class="curr_eval_box">
<input type="hidden" name="cource_id" value="{$_GET['cource_id']}">
<input type="hidden" name="order_id" value="{$_GET['order_id']}">
<div class="curr_area">
<label for="">课程评价</label>
<textarea name="comment_content" id="comment_content" cols="30" rows="10" placeholder="快分享你的购买心得吧~"></textarea>
<span id="write_num">0/5</span>
</div>
js:
var contentBox = document.getElementById('comment_content');
var max = +document.getElementById('write_num').innerHTML.split('/')[1];
function maxStr (dom, num) {
var flag = true;
dom.onkeydown = function (e) {
if (!flag) {
return false;
}
flag = false;
var that = this;
let nowLength = this.value.split('').length;
if (nowLength === max&& e.keyCode !== 8) {
return false;
}
setTimeout(function () {
document.getElementById('write_num').innerHTML = that.value.split('').length + '/' + max;
},0);
}
dom.onkeyup = function () {
flag = true;
}
}
maxStr(contentBox, max);