`

按钮是图片实现回车提交

 
阅读更多
当提交按钮是图片的情况下,是实现不了回车提交数据的,我们想实现不用点击图片按钮只用回车就可以提交表单(需要写js方法)。下面例子就可以实现点击图片按钮或者回车都可以提交数据。
            if(document.addEventListener)  
    {//如果是Firefox   
       document.addEventListener("keypress",fireFoxHandler, true);   
    }else
    {   
        document.attachEvent("onkeypress", ieHandler);   
    }   
    function fireFoxHandler(evt)  
    {   
     //alert("Firefox");
        if(evt.keyCode==13)  
        {   
            login();   
        }   
    }   
    function ieHandler(evt)  
    {   
        //alert("IE"); 
        if(evt.keyCode==13)  
        {   
            login(); 
        }   
    }
分享到:
评论

相关推荐

    jQuery实现当按下回车键时绑定点击事件

    在编程和网页设计中,通过键盘快捷键触发...此外,这种技术的运用并不局限于触发按钮点击事件,也可以扩展到其他类型的事件处理,比如表单提交、图片切换等操作。因此,掌握这项技能对于前端开发者来说是十分必要的。

    javascript 按回车键相应按钮提交事件.docx

    这两种方法都可以实现表单的提交功能,但在第二种方法中,当用户填写完表单后,按回车键并不会触发按钮点击事件,这与第一种方法的行为不一致,可能会导致用户体验不佳。 #### 三、实现按回车键触发按钮点击事件的...

    javascript 回车键触发表单提交的问题

    通常,表单提交可以通过点击提交按钮或者按下回车键(Enter)来实现。然而,在一些场景中,我们可能需要控制回车键的行为,以便使其在特定情况下触发表单提交,在其他情况下则不执行此操作。以下是关于JavaScript...

    网页前端登录js按Enter回车键实现登陆的两种方法

    需要注意的是,示例中的登录按钮是一个图片元素,而非标准的提交按钮。这是为了更清楚地展示如何通过JavaScript触发点击事件。实际开发中通常会使用`<input type="submit">`或`<button>`元素来作为登录按钮。 ### ...

    javascript 按回车键相应按钮提交事件

    ### JavaScript 实现按回车键触发按钮提交事件 在Web开发中,特别是在处理表单时,我们经常会遇到需要用户输入信息并提交的情况。为了提升用户体验,开发者常常希望当用户完成输入后,能够通过按“回车键”来提交...

    Asp.net的TextBox回车触发事件

    在Asp.net开发中,经常需要处理用户在文本框(`TextBox`)内的输入操作,特别是在用户按下回车键时触发某些特定的操作,比如提交表单或者执行搜索功能等。本文将详细介绍如何在Asp.net中实现TextBox回车触发事件。 ...

    javascript 回车替换成TAB的脚本

    ### JavaScript 实现回车键替换为 Tab 键 在网页表单输入中,有时我们希望用户在填写完一个输入框后能自动跳转到下一个输入框,而不是直接提交表单。这种情况下,将用户的回车键操作转换为 Tab 锵的操作会非常有用...

    jQuery搜索框实例绑定提交事件.zip

    本实例"jQuery搜索框实例绑定提交事件.zip"着重展示了如何利用jQuery来创建一个功能完善的搜索框,其中包括下拉选择搜索引擎分类,并在用户按下键盘回车键时自动触发提交搜索请求的功能。 首先,`index.html`是网页...

    前端使用JQUERY实现批注功能

    3. **处理批注提交**:监听输入框的`keyup`事件,例如在回车键被按下时保存批注: ```javascript $("#annotateInput").on("keyup", function(event) { if (event.keyCode === 13) { // 回车键的keyCode ...

    extjs实现登陆验证

    4. **键盘事件绑定**:通过`keys`配置项绑定了回车键事件,使得用户可以在不使用鼠标的情况下通过键盘操作完成登录过程,提高了用户体验。 ### 结论 通过以上分析,我们了解到ExtJS框架下实现登录验证的基本流程和...

    jQuery 常用代码集锦(必看篇)

    通过判断表单是否已经被提交过,可以在表单数据已经被处理后禁用提交按钮,防止用户重复提交。 清除所有的表单数据通常在表单验证失败或者用户需要重新填写表单时使用。可以编写一个函数遍历表单内所有的输入元素,...

    用JavaScript和HTML实现聊天页面和功能

    1. **事件监听**:使用`addEventListener`方法监听用户的键盘输入和点击事件,当用户按下“发送”按钮或按下回车键时触发消息发送。 2. **AJAX请求**:利用XMLHttpRequest或更现代的Fetch API,向服务器发送POST...

    当你在浏览器地址栏输入一个URL后回车,将会发生的事情?

    此时,JavaScript可以监听这些事件并发送新的HTTP请求,实现动态更新内容或提交数据。 10. **关闭连接**:最后,当用户离开页面或关闭浏览器时,TCP连接可能会被关闭,释放网络资源。 以上就是当你在浏览器地址栏...

    extjs 登陆页面+验证码

    博主可能分享了如何创建表单、添加输入字段、设置验证码逻辑以及如何响应用户操作,如回车提交等。 首先,创建登录页面需要的基本元素有用户名输入框、密码输入框以及登录按钮。ExtJS提供了一个叫做`Ext.form.Panel...

    超实用的jQuery代码段

    2.22 防止单个页面重复提交按钮 2.23 取得列表控件选中的option对象 2.24 限制输入框仅接受特殊字符的输入 2.25 禁止页面内全部超链接 2.26 实现动态组合列表框 2.27 如何使用属性过滤器 2.28 如何测试某个元素是否...

    《程序天下:JavaScript实例自学手册》光盘源码

    2.2 按回车调用登录按钮 2.3 动态创建按钮 2.3 平面按钮 2.4 按钮的嵌入效果 2.5 按钮改变状态栏信息 2.6 定义按钮的热键 2.7 取得控件的绝对位置 2.8 删除时的确认提示 2.9 按钮只能单击一次 2.10 防止按钮连击 ...

    程序天下:JavaScript实例自学手册

    2.2 按回车调用登录按钮 2.3 动态创建按钮 2.3 平面按钮 2.4 按钮的嵌入效果 2.5 按钮改变状态栏信息 2.6 定义按钮的热键 2.7 取得控件的绝对位置 2.8 删除时的确认提 示 2.9 按钮只能单击一次 2.10 防止按钮连击 ...

    百度搜索框html代码

    1. 提交事件处理:当用户点击搜索按钮或按下回车键时,JavaScript函数会被触发,收集`<input>`字段的值,并向服务器发送搜索请求。 2. 验证输入:可能包含一些输入验证逻辑,比如检查用户是否输入了关键词,或者...

    Axure使用手册_设计人员使用_用于设计原型

    15. **设置文本框回车触发事件**:设置文本框在用户按下回车键时执行的交互动作,如提交表单等。 16. **设置鼠标移入元件时的提示**:为元件添加悬停提示,提供额外的信息或者反馈。 17. **设置矩形为其他形状**:...

    触屏软键盘

    3. 图形资源文件(如图片、位图):用于设计键盘按钮外观的图像文件。 4. 脚本文件(.txt或.doc):可能包含了一些实现特定功能的PowerScript代码示例或说明文档。 5. 配置文件(.ini或.xml):用于设置软键盘的默认...

Global site tag (gtag.js) - Google Analytics