入力フォームでフォーカスした際に文末にキャレットを移動する

お世話になります。

内容は表題通りなのですが、ググッてコードを書いてみたのですがうまく動作しません。

コードを記載いたしますのでご教授いただけると幸いです。

hogehoge.html
1<!DOCTYPE html>
2<html>
3<head>
4<title>郵便番号で住所入力補助</title>
5<meta charset="utf-8">
6<script src="js/jquery-1.11.3.min.js"></script>
7<script src="js/post.js"></script>
8<script type="text/javascript">
9input.focus();
10if (input.selectionStart) {
11    input.selectionStart = input.selectionEnd = input.value.length;
12} else {
13    input.createTextRange().select();
14}
15</script>
16</head>
17<body>
18<form>
19    <p>郵便番号：<input type="text" name="zipcode" id="zip" size="8">
20    <input type="button" id="search" value="郵便番号で検索"></p>
21    <p>住所：<input size="50" type="text" name="address" id="address"></p>
22</form>
23</body>
24</html>
25
26

行動規範の内容に同意します

回答3件

ご掲示の条件のコードを以前、書いた事があります。

Re: shinodaさん

投稿2015/12/01 05:54

think49

総合スコア18164

shinoda

2015/12/01 07:21

お世話になっております。ご提示されたコードをざっくりと目を通したのですが、私には少しハードルが高い用に感じました。不明点がありましたら再度ご質問させていただきます

行動規範の内容に同意します

jQueryで拾い物ですがご参考に・・・

javascript
1$("textarea").scrollTop( $("textarea")[0].scrollHeight );

投稿2017/06/20 05:37

starrow1103

総合スコア137

ご提示のコードだとinputにエレメントが入っていませんが、その辺は実際のコードに書いてあるんですよね？
これでどうでしょう？

javascript
1    input.focus();
2    input.setSelectionRange(input.value.length,input.value.length);

投稿2015/12/01 04:36

Lhankor_Mhy

総合スコア36117

shinoda

2015/12/01 05:49

お世話になっております。ご回答ありがとうございます＞ご提示のコードだとinputにエレメントが入っていませんが、その辺は実際のコードに書いてあるんですよね？ valueの要素の事でよろしいでしょうか？抜けていました、失礼しました。ご提示されたコードと組み合わせて書いてみましたがうまく動作しません。現状のコードを記載します。 ``` <!DOCTYPE html> <html> <head> <title>郵便番号で住所入力補助</title> <meta charset="utf-8"> <script src="js/jquery-1.11.3.min.js"></script> <script src="js/post.js"></script> <script type="text/javascript"> /*input.focus(); if (input.selectionStart) { input.selectionStart = input.selectionEnd = input.value.length; } else { input.createTextRange().select(); }*/ input.focus(); input.setSelectionRange(input.value.length,input.value.length); </script> </head> <body> <form> <p>郵便番号：<input type="text" name="zipcode" id="zip" size="8" value=""> <input type="button" id="search" value="郵便番号で検索"></p> <p>住所：<input size="50" type="text" name="address" id="address" value=""></p> </form> </body> </html> ```