网站首页

人工智能P2P分享Wind搜索发布信息网站地图标签大全

当前位置:诺佳网 > 软件工程 > 前端开发 > jQuery >

js页面当中没有写回车事件,但是有回车效果

时间:2024-03-04 09:16

人气:

作者:admin

标签:

导读:前两天遇到一个问题,研究了我很差事件。问题如下: 页面只有一个文本框,没有写任何回车事件,但是点回车的时候,就会触发回车,回传页面。 于是各种google,终于有了结果: 如...

前两天遇到一个问题,研究了我很差事件。问题如下:

页面只有一个文本框,没有写任何回车事件,但是点回车的时候,就会触发回车,回传页面。

于是各种google,终于有了结果:

  1. 如果表单里有一个type=”submit”的按钮,回车键生效。
  2. 如果 表单里只有一个type=”text”的input,不管按钮是什么type,回车键生效。
  3. 如果按钮不是用input,而是用button,并且没有加type,IE下默认为type=button,FX默认为 type=submit。
  4. 其他表单元素如textarea、select不影 响,radio checkbox不影响触发规则,但本身在FX下会响应回车键,在IE下不响应。
  5. type=”image”的input,效果等同于type=”submit”,不知道为什么会设计这样一种type,不推荐使用,应该用 CSS添加背景图合适些。

这五点是引用别人的原话,说的很明了。

我的问题就是上方第二点,跟JS没有一丁点关系,但是浏览器默认有一个规则,当你的页面只有一个type="text"的情况下,他会默认当有一个sumbit的事件,如果出现两个type="text"的时候,就不会生效了

所以,一下次,如果你的页面也只有一个“text”(一般是搜索页面),如果也想写回车事件的话,就要注意了。

其实像这种问题,解决办法很变态,我是在页面里面放一个隐藏的“text”。

我是使用的页面隐藏一个type="text"的input标签。

第二种解决方法就是js阻止页面的回车事件

温馨提示:以上内容整理于网络,仅供参考,如果对您有帮助,留下您的阅读感言吧!
相关阅读
  • jQuery Ajax 实用方法精要

    jQuery Ajax 实用方法精要

    本文全面解析jQuery Ajax核心方法,包括load()、get()、post()的用法,以及底层$.aj...
  • 渐变页面

    渐变页面

    lt;!DOCTYPE htmlgt;lt;html lang=quot;enquot;gt; lt;headgt; lt;meta charset=quot;UTF-8quot;gt; lt;meta...
本类排行
相关标签
本类推荐

CPU | 内存 | 硬盘 | 显卡 | 显示器 | 主板 | 电源 | 键鼠 | 网站地图

Copyright © 2025-2035 诺佳网 版权所有 备案号:赣ICP备2025066733号
本站资料均来源互联网收集整理,作品版权归作者所有,如果侵犯了您的版权,请跟我们联系。

关注微信