楽天(にかぎらず？)の検索ﾌｫｰﾑをENTERで動かしたいです｡
よろしくお願いします｡
現在楽天のﾍﾟｰｼﾞで検索ﾌｫｰﾑを作っているのですが､【検索】ﾎﾞﾀﾝを押さずにENTERを押せば【検索】ﾎﾞﾀﾝを押したのと同様の動きをするようにしたいです｡
以下のｿｰｽを組んでいるのですが､ﾌｫｰﾑ(input)が1つの場合は入力後ENTERで上手く検索してくれるのですが､2つになると動きません｡｡｡｡
多分JSに何かの手を加えればうまくいくと思うのですが､よくわからず行き詰まっております｡
以下ｿｰｽｺｰﾄﾞを見て､修正箇所等のｱﾄﾞﾊﾞｲｽを頂けると嬉しいです｡
<script type="text/javascript"><!--
function submitform(){
document.searchform.submit();
}
//▼▼ｾﾙで選択時のENTERｷｰで実行▼▼
function enter_key(e){
if(e.keyCode == 13){
document.searchform.submit();
//ﾋﾞｰﾌﾟ音防止
return false;
}
}
//-->
</script>
<form name="searchform" 以下略〜>
<input type="text" name="item01" value="" class="item_search">
<img src="" onClick="submitform();">
<input type="text" name="item01" value="" class="item_search">
<img src="" onClick="submitform();">
</script>
画像のﾎﾞﾀﾝは動きますが､inputのENTERが1個だと動くんですが､2個だと動きません｡
宜しくお願いいたします｡
質問のｺｰﾄﾞに手を入れました(★をつけたところ)｡
こんな感じで｡
<script type="text/javascript"><!--
function submitform(){
document.searchform.submit();
}
//▼▼ｾﾙで選択時のENTERｷｰで実行▼▼
function enter_key(e){
if(e.keyCode == 13){
document.searchform.submit();
//ﾋﾞｰﾌﾟ音防止
return false;
}
}
//-->
</script>
<form name="searchform" 以下略?>
<input type="text" name="item01" value="" class="item_search" onkeydown="return enter_key(event)">
<!-- ★ ↑onkeydown を指定する -->
<img src="" onClick="submitform();">
<input type="text" name="item01" value="" class="item_search" onkeydown="return enter_key(event)">
<!-- ★ ↑onkeydown を指定する -->
<img src="" onClick="submitform();">
</form> <!-- ★ script になってた -->
