javascript没有在textarea上运行

时间:2013-12-11 03:16:42

标签: javascript jquery html

我的JavaScript似乎没有运行

<script type="text/javascript" language="javascript">

$(document).ready(function(){
   function snip(len) {
      return function (e) {e.target.value = e.target.value.slice(0, len);};
   }

  function prevent(len) {
     return function () {
        if (e.target.value.length >= len) {
           e.preventDefault();
           return false;
        }
    }
 }

  var len = 13;

  var textarea = document.getElementById('text1'),
  sn = snip(len),
  p1 = prevent(len), p2 = snip(len - 12);

  textarea.addEventListener('change' ,p2 ,true);
  textarea.addEventListener('input' , sn ,true);
  textarea.addEventListener('keypress', p2,true);
  textarea.addEventListener('paste' ,p2 ,true);


 )};
 </script>

在我的html标记中,我有一个<textarea>元素id text1

如何更改我的js以在textarea上操作?

4 个答案:

答案 0 :(得分:0)

您是否在页面中包含了jquery库?

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

您正在使用如下的jquery代码,这将需要包含jquery库:

$(document).ready(function(){

祝你好运。

答案 1 :(得分:0)

如果您使用错误控制台,您会发现最后的括号已切换;代码应以});结尾,但以)};结尾。此外,您的HTML不会显示包含的jQuery,但您可以使用它。

答案 2 :(得分:0)

试试这个

<script type="text/javascript" language="javascript">
 function snip(len) {
        return function (e) {e.target.value = e.target.value.slice(0, len);};
    }
    function prevent(len) {
        return function () {
            if (e.target.value.length >= len) {
                e.preventDefault();
                return false;
            }
        }
    }
$(function(){
      var len = 13;
      var textarea = document.getElementById('text1'),
      sn = snip(len),
       p1 = prevent(len), p2 = snip(len - 12);

      textarea.addEventListener('change' ,p2 ,true);
      textarea.addEventListener('input' , sn ,true);
      textarea.addEventListener('keypress', p2,true);
      textarea.addEventListener('paste' ,p2 ,true);
 )};
</script>

答案 3 :(得分:0)

有两件事要做。

首先,在脚本之前包含jQuery。

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

你应该以{{1​​}}结束。请尝试以下工作代码:

});