这个问题需求在移动版上经常用到。

<div class="sousuo">

        <input type="text" placeholder="请输入文章标题的关键字" id="sousuo" οnkeydοwn="entersearch()"/>

</div>

css:

.sousuo {

1. width: 94%;
2. height: 3.5rem;
3. margin: 1rem auto;

}

#sousuo {

1. display: block;
2. width: 100%;
3. padding-left: 10%;
4. background: #f2f2f2;
5. height: 3.5rem;
6. border: none;
7. outline: none;
8. border-radius: .5rem;
9. background-image: url(../images/Icon_sousuo.png);
10. background-size: 1.8rem;
11. background-repeat: no-repeat;
12. background-position: .8rem .75rem;

}

 

js：

function entersearch(){

      var event = window.event || arguments.callee.caller.arguments[0];

      if (event.keyCode == 13)

            {

                  alert("进入搜索")

            }

}