文档章节

button标签在浏览器之间的小差别

livend
 livend
发布于 2016/06/27 10:58
字数 179
阅读 33
收藏 0

buttuon标签的默认提交方式

  • 一般情况下button标签都这样写 <input type="button" value="click me"/>
  • 但在项目中图方便使用了button标签 <button onclick="xxx();">click me</button>,于是在chrome和firefox中出现了点击button刷新页面的结果,本以为是jquery给button绑定了其他的点击事件,找半天没找着(吐槽下jquery,绑定的所有事件太尼玛难找了,每个js文件都可能出现。用react吧 ),但在ie中却是正常的
  • 结论是:button标签的type属性在firefox和chrome中默认是:submit 而在ie中默认是 button.

© 著作权归作者所有

共有 人打赏支持
livend
粉丝 2
博文 25
码字总数 10436
作品 0
杭州
程序员
和 的区别

<button> 标签定义一个按钮。 在 button 元素内部,您可以放置内容,比如文本或图像。 <button> 控件 与 <input type="button"> 相比,提供了更为强大的功能和更丰富的内容。<button> 与 </...

王阔
2012/07/20
0
4
button绑定onclick事件问题追踪

写个简单的demo看下 <button onclick="aa(this);">click</button> <script type="text/javascript"> function aa(obj){ obj.innerHTML=0; } </script> 这并不会触发浏览器页面刷新效果,加个......

只尺八寸
2015/12/09
52
0
前端浏览器JavaScript及CSS兼容总结

前端浏览器JavaScript及CSS兼容总结 一、 getElementById 【标准参考】 getElementById 是 Document 接口提供的方法,用于获取一个元素,该方法传入的参数应该是目标元素的 id 属性的值,目标...

pmlinjian
2016/11/30
0
0
input type="button" 和button区别

来源: https://www.jianshu.com/p/687aabeedae5 在一个页面上画一个按钮,有四种办法: 1、 这就是一个按钮。如果你不写javascript 的话,按下去什么也不会发生。 2、 这样的按钮用户点击之...

codingcoge
05/16
0
0
4.1、Bootstrap V4自学之路------组件---按钮

1、一个示例 <!-- 确定按钮 --><button type="button" class="btn btn-primary">Primary</button> <!-- 次等按钮,比如取消--><button type="button" class="btn btn-secondary">Secondary<......

Asktao
2016/03/23
177
0

没有更多内容

加载失败,请刷新页面

加载更多

centos7安装Nginx

安装所需环境 一. gcc 安装 安装 nginx 需要先将官网下载的源码进行编译,编译依赖 gcc 环境,如果没有 gcc 环境,则需要安装: yum install gcc-c++ 二. PCRE pcre-devel 安装 PCRE(Perl Co...

狼王黄师傅
14分钟前
0
0
dubbo+apollo微服务开发指南

为了大家比较快速的开发微服务,规范dubbo,spring,mybatis,hessian,netty的版本和用法,我写了一个demo,下面对demo的功能做个简单的介绍,如有疑问的地方,可以私下问我。 微服务项目示例 ...

PageYi
16分钟前
0
0
android流式布局、待办事项应用、贝塞尔曲线、MVP+Rxjava+Retrofit、艺术图片应用等源码

Android精选源码 android模仿淘宝首页效果源码 一款艺术图片应用,采用T-MVVM打造 Android MVP + RxJava + Retrofit项目 android流式布局实现热门标签效果 android仿淘宝客户端商品详情页效果...

Android爱开源
19分钟前
2
0
一步一步安装hive

The Apache Hive ™ data warehouse software facilitates reading, writing, and managing large datasets residing in distributed storage using SQL. Structure can be projected onto d......

hnairdb
22分钟前
0
0
【WebService 系列二 使用JAX-WS开发示例程序】

1、服务端代码 1.1、编写SEI SEI即(Service Endpoint Interface)SEI在ws中称为portType,在java中称为接口 package jaxws.server;/** * @className: HelloService * @description: jax......

HansonReal
31分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部