日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

angularjs textarea 剩余字数统计

發(fā)布時間:2023/12/16 编程问答 37 豆豆
生活随笔 收集整理的這篇文章主要介紹了 angularjs textarea 剩余字数统计 小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

寫頁面的過程中用到了textarea的文本域,就突然想起他也可以加上剩余字數(shù)統(tǒng)計的這個功能。

第一個思路:

根據(jù)鍵盤按鍵按下去觸發(fā)一個方法計數(shù):

<textarea cols="50" rows="10" maxlength="100" title="只能輸入100個字" ng-model="text" ng-change="tolCount()"></textarea>
<p>還可輸入{{count}}個字</p>

效果圖:

?

注意:這個是不需要用到j(luò)s的,所說可以統(tǒng)計,但是存在很大的弊端,只要鍵盤按下,就計數(shù)了,比如說你按了刪除鍵,他也計數(shù)了;并且,如果你是復制粘貼在textarea上的,并沒有計數(shù)。

第二個思路:根據(jù)輸入的內(nèi)容長度計算剩余的字數(shù):

html部分:

<!DOCTYPE html>
<html ng-app="App">
<head >
  <title>文本域字數(shù)限制</title>
</head>
<body ng-controller="testCtrl">
  <textarea cols="50" rows="10" maxlength="100" title="只能輸入100個字" ng-model="text" ng-change="tolCount()"></textarea>
  <p>還可輸入{{count}}個字</p>
</body>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="angular.min.js"></script>
<script type="text/javascript" src="test.js"></script>
</html>

js部分:

  var app = angular.module('App', []);

  app.controller('testCtrl', function($scope) {
    $scope.count = 100;

    $scope.tolCount = function () {
      console.log($scope.text.length);
      $scope.count = 100 - $scope.text.length;
    };
  });

效果圖:

?

轉(zhuǎn)載于:https://www.cnblogs.com/ryt103114/p/6377917.html

總結(jié)

以上是生活随笔為你收集整理的angularjs textarea 剩余字数统计的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯,歡迎將生活随笔推薦給好友。

主站蜘蛛池模板: 欧美人与性动交ccoo | 成人精品一区二区三区电影 | 久伊人网| 男人喷出精子视频 | 激情婷婷综合网 | 国产一级免费av | av在线黄色 | 精品国产av鲁一鲁一区 | 九色综合网 | 337p色噜噜| 国产一卡在线 | 中文字幕在线观看网 | 国产91黄色 | 午夜久久久久久久久久久 | 影音先锋精品 | 青青久久av北条麻妃黑人 | 欧美日韩电影一区 | 亚洲色图一区二区三区 | 日韩一区二区不卡 | av噜噜色 | 亚洲深夜av | 国产精品伦一区 | 精品一区二区三区中文字幕 | 污污视频在线免费观看 | 免费视频污| 久久激情综合 | 色综合狠狠 | v片在线看 | 射区导航| 在线免费视频一区二区 | 亚洲少妇中文字幕 | 亚洲国产精品无码久久 | 亚洲蜜桃精久久久久久久久久久久 | 成人黄色一区二区三区 | 琪琪午夜伦理影院7777 | 在线免费观看av网 | av青草| 日韩黄色一级大片 | 亚洲av鲁丝一区二区三区 | 国产一区2区 | 国产精品一区二区三区免费 | 男人天堂网av | 天天干夜夜草 | 日韩中文字幕免费观看 | 亚洲久草| 成人免费观看网站 | 三级做爰第一次 | 视频免费在线 | 香港日本韩国三级网站 | 最新视频–x99av | 欧美性高潮视频 | 刘亦菲久久免费一区二区 | 暴操白虎 | 五月婷婷六月激情 | 72种无遮挡啪啪的姿势 | 制服中文字幕 | 精品国产污污免费网站入口 | 国语对白真实视频播放 | 亚州视频在线 | 麻豆网站在线观看 | 国产高清精品在线观看 | 久久久午夜影院 | 泰坦尼克号3小时49分的观看方法 | 亚洲欧美在线成人 | 亚洲av无码一区二区三区人 | 九九成人| 成人av黄色| 国产成人短视频在线观看 | 91色拍| 国产xxxxx在线观看 | 精品久久久久久久中文字幕 | 爱如潮水3免费观看日本高清 | 女人下部全棵看视频 | 国产午夜一区二区三区 | 欧美男女动态图 | 神秘马戏团在线观看免费高清中文 | 精品无码av一区二区三区 | 九色视频在线播放 | 极品久久 | 专业操老外 | 日日操天天操夜夜操 | 森林影视官网在线观看 | 91精品国产综合久久久蜜臀九色 | 精品人妻一区二区色欲产成人 | 成人性生交大片免费卡看 | 成年人视频在线免费看 | 亚洲 欧美 日韩 国产综合 在线 | 成人精品一区二区 | 91精品入口| 精品人妻伦九区久久aaa片 | 在线激情小视频 | 国产精品7777| 激情五月色播五月 | 美女av网站 | 国产天天综合 | 长篇高h肉爽文丝袜 | 成人看片免费 | 91天天色 | 亚洲二区在线观看 |