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

回答編集履歴

1

追記

2016/10/03 04:14

投稿

yambejp
yambejp

スコア117877

answer CHANGED
@@ -1,3 +1,22 @@
1
1
  textでエンターしたらサブミットされるので
2
2
  onclickするならreturn falseしたうえで
3
- ボタンをおす処理をいれればいいでしょう
3
+ ボタンをおす処理をいれればいいでしょう
4
+
5
+ # 追記
6
+ 一応追記しておきます
7
+ ```javascript
8
+ document.addEventListener ('keydown',function(e){
9
+ var t = e.target;
10
+ if(t.nodeName=="INPUT" && t.name=="name" && e.keyCode==13){
11
+ t.form.getElementsByTagName("button")[0].click();
12
+ e.preventDefault();
13
+ }
14
+ });
15
+ ```
16
+
17
+ ```HTML
18
+ <form>
19
+ <input name="name" type="text" size="100" style="width: 100px">
20
+ <button type="button" onclick="javascript:console.log(getElementsByName('name')[0].value);">test</button>
21
+ </form>
22
+ ```