首页 / JAVASCRIPT / javascript – Enter按钮上的文本框命中功能

javascript – Enter按钮上的文本框命中功能

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – Enter按钮上的文本框命中功能，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1551字，纯文字阅读大概需要3分钟。

内容图文

我有一个mvc3应用程序.在一个页面上我有一个文本框,允许用户搜索客户端,现在我正在努力解决一些功能,因为我是一个Windows窗体和寡妇手机8开发人员.我想要这个文本框我在这里执行,因为我按回车,我有一个按钮,用户可以点击搜索,但我知道大多数用户只需点击输入！我正在使用JavaScript来实现功能！

按钮和文本框的Html：

    <td>
<input value="Search..." id="SearchText" style="color:GrayText" onchange="SearchText" onfocus="javascript:this.value=''" onblur="javascript: if(this.value==''){this.value='Search...';}" />
                        <input id="searchbutton" type="button"  value="Search" class="button"/>
                    </td>

这是Javascript：

<script type="text/javascript">
            $('#searchbutton').click(function(){
                var client = document.getElementById('SearchText').value;
                var textbox = document.getElementById('SearchText');
                var edittext = ", is not available!";
                var result = client + edittext;

                if (textbox.value == 'Search...') {
                    alert('Please enter a Client Name to search for ');
                    textbox.focus();
                }
                else {
                    alert(result);
                };


            });


        </script>

当我在文本框中按Enter键时,如何让文本框也触发该功能！

这是它在表单上的样子：

这种编码很新,任何帮助都会做！

谢谢！

解决方法:

$('#searchbutton').click(search);
$('#SearchText').keypress(function(e){
     var code = (e.keyCode ? e.keyCode : e.which);
      if(code == 13) {
        search()
      }
});


function search(){
    var client = document.getElementById('SearchText').value;
            var textbox = document.getElementById('SearchText');
            var edittext = ", is not available!";
            var result = client + edittext;

            if (textbox.value == 'Search...') {
                alert('Please enter a Client Name to search for ');
                textbox.focus();
            }
            else {
                alert(result);
            };
}

内容总结

以上是互联网集市为您收集整理的javascript – Enter按钮上的文本框命中功能全部内容，希望文章能够帮你解决javascript – Enter按钮上的文本框命中功能所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/721830.html

来源：【匿名】