teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

4

内容修正

2016/09/07 01:13

投稿

rainbowsix
rainbowsix

スコア102

title CHANGED
File without changes
body CHANGED
@@ -22,6 +22,9 @@
22
22
  ```
23
23
  ソース書き直しました。
24
24
  失礼いたしました。
25
+ textareaのval().lengthのカウントが違うのではなく
26
+ maxlengthのカウントがFFとchrome差があるらしいですね。
27
+ maxlengthをやめたほうがいいでしょうか?
25
28
 
26
29
  https://jsfiddle.net/Lg48f3vg/
27
30
  と同じ内容を入れた場合クロームのほうが9文字余ってしまいます。

3

ソース修正

2016/09/07 01:13

投稿

rainbowsix
rainbowsix

スコア102

title CHANGED
File without changes
body CHANGED
@@ -5,11 +5,23 @@
5
5
  chromeでもfirefox同じような数値を拾いたいですが。
6
6
  よろしくお願いいたします。
7
7
 
8
+ ```javascript
9
+ <script>
10
+ $(document).on('keydown keyup change click','textarea', function() {
11
+ var tnum = $(this).val().length;
12
+ var mnun = 1000 - tnum;
13
+ $('span').text(mnun);
14
+ console.log(mnun);
15
+ });
16
+ </script>
17
+ ```
18
+
8
19
  ```html
9
- <textarea maxlength="1000"></textarea>
20
+ <textarea maxlength="1000" style="width:600px; height:500px"></textarea>
21
+ <p><span>1000</span>/1000</p>
10
22
  ```
23
+ ソース書き直しました。
24
+ 失礼いたしました。
11
25
 
12
- ```javascript
13
- var val = $("textarea").val().length;
26
+ https://jsfiddle.net/Lg48f3vg/
14
- var count = 1000-val
27
+ と同じ内容を入れた場合クロームのほうが9文字余ってしまいます。
15
- ```

2

誤字修正

2016/09/07 01:05

投稿

rainbowsix
rainbowsix

スコア102

title CHANGED
@@ -1,1 +1,1 @@
1
- うせいtextareaのval().lengthカウントchromeとFFが違う
1
+ textareaのval().lengthカウントchromeとFFが違う
body CHANGED
File without changes

1

タイトル修正

2016/09/06 10:24

投稿

rainbowsix
rainbowsix

スコア102

title CHANGED
@@ -1,1 +1,1 @@
1
- textareaの文字数カウントchromeとFFが違う
1
+ うせいtextareaのval().lengthカウントchromeとFFが違う
body CHANGED
@@ -2,7 +2,7 @@
2
2
  全部入れるとcountを0にしたいですが
3
3
  chromeでは改行までカウントしないせいか
4
4
  0になりません。
5
- chromeでもfirefox同じような数値を拾いたいです。
5
+ chromeでもfirefox同じような数値を拾いたいです
6
6
  よろしくお願いいたします。
7
7
 
8
8
  ```html