click和submit区别

2024-11-09

关于click和submit的笔记

click主要用于元素的点击时的响应事件,而submit是指表单元素form的提交事件. 但是,当click加入到表单的提交按钮时,事情似乎就有点复杂,总是忘记了.这两天搜了下,又实践了一下. 主要用到的代码: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" CONTENT="text/html; charset=UTF-8"/> <ti

form表单重复提交，type=“button”和type=“submit”区别

公司测试提了一个项目后台在IE浏览器下(360,firefox就没问题)出现数据重复的问题,调试了好久终于发现问题所在,也不知道是谁写的代码,醉醉的.... 错误地点: <input type="submit" value="提交" class="btn" id="formSubmit" onclick="checkForm()" /> type类型写成submit,而在checkForm

Web开发中button与submit区别

submit是button的一个特例,也是button的一种,它把提交这个动作自动集成了. 如果表单在点击提交按钮后需要用JS进行处理(包括输入验证)后再提交的话,通常都必须把submit改成button,即取消其自动提交的行为,否则,将会造成提交两次的效果,对于动态网页来说,也就是对数据库操作两次.或者在使用submit时验证时加return true或false. submit和button,二者都以按钮的形式展现,看起来都是按钮,所不同的是type属性和处发响应的事件上,submit会

$().click()和$().on('click',function(){})的区别

1. $(选择器).click(fn) 当选中的选择器被点击时触发回调函数fn.只针对与页面已存在的选择器. HTML代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <ul> <li>1

button和submit区别

type=button 就单纯是按钮功能 type=submit 是发送表单但是对于从事WEB UI的人应该要注意到,使用submit来提高页面易用性: 使用submit后,页面支持键盘enter键操作,而很多WEB软件设计师,可能没有注意到submit统一. 用button后往往页面不支持enter键了.所以需要支持enter键,必须要设置个submit,默认enter键对页面第一个submit进行操作. ========================== <input

移动端web开发，click touch tap区别

转自: http://blog.csdn.net/sly94/article/details/51701188 移动端用tap时会有穿透问题一:click与tap比较 click与tap都会触发点击事件,但是在手机web端,click会有200-300ms的延迟,所以一般用tap代替click作为点击事件.singleTap 和doubleTap分别代表单次点击和双次点击二:tap的穿透处理使用zepto框架的tap的点击事件,来规避click事件的延迟响应,会出现穿透,即点击会触发非当前

tap,touch,touchstart,事件与click事件的区别

根据源码所见, 移动端为了将将单击事件更加灵敏,所以现在的JQM,ST...框架都将JS单击事件封装成tap,或者touch或者touchstart事件, 其实现本质是将click触发多次,以打成移动端触屏灵敏的效果. 所以这里如果使用手机浏览器访问你的st,或者jqm项目,就得使用js修改成click事件,以防止单击多次触发的问题

Click()与Submit()

<input type="button" /> 定义可点击的按钮,但没有任何行为.如果你不写javascript 的话,按下去什么也不会发生. button 类型常用于在用户点击按钮时启动 JavaScript 程序. <input type="submit" /> 定义提交按钮.这样的按钮用户点击之后会自动提交 form,除非你写了javascript 阻止它,数据会发送到表单的 action 属性中指定的页面.<form actio

@click.prevent.self和@click.self.prevent区别

注意:prevent 阻止的是“跳转事件”而不是“弹出警告” v-on:click.prevent.self的demo如下: <div id="box"> <div @click="alert(1)"> <a href="/#" @click="alert(2)">a标签 <div @click="alert(3)">div标签</div> <

hexo next中遇到的bug，引发出的关于jquery中click()函数和on("click",function())的区别

个人博客:https://mmmmmm.me 源码:https://github.com/dataiyangu/dataiyangu.github.io 背景: 本人在维护博客的时候加入了aplayer(一个音乐插件),效果如图可是效果不太美观,为了优化一下想做成这个样子:鼠标移入出现背景图,点击全部展开,希望在点击按钮上加click函数,达到修改div的left值来实现这个时候出现问题了,在电脑端实现没有问题的,可是在移动端会出现点击点击事件没有绑定成功代码: define(functi

[ajax] quick double or multiple click ajax submit cause chrome explorer's error snatshot

快速点击ajax提交,引发的错误截图1: snapshot -2:

trigger click 和 click 的区别？？

trigger click 和 user click 有什么区别吗? 好像没有的.直到发现了这样一段代码. <button class="btn1">Button</button> var btn1 = document.querySelector('.btn1'); btn1.addEventListener('click', function () { Promise.resolve().then(function() { console.log('Micr

click() bind() live() delegate()区别

click(),bind(),live()都是执行事件时使用的方法 1.click()单击事件方法: $("a").click(function() { alert("hello"); }); 2.在bind()中,jQuery所有JavaScript事件对象,比如focus, mouseover, 和 resize,都是可以作为type参数传递进来的. var message = "left"; $("a").bind(&q

Jquery中bind和live.one,delegate的区别

Jquery中绑定事件有三种方法:以click事件为例 (1)target.click(function(){}); (2)target.bind("click",function(){}); (3)target.live("click",function(){}); 第一种方法很好理解,其实就和普通JS的用法差不多,只是少了一个on而已第二.三种方法都是绑定事件,但是二者又有很大的不同,下面着重讲解一下,因为这个如果用到Jquery的框架的话是用的挺多的,尤其要

使用jquery和使用框架的区别

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" con

Form Submit表单提交

<button type="button" ng-click="submit()"class="btn btn-block btn-danger btn-primary btn-lg" >Submit</button> function submit(){ ### valid $(#formid).submit(); } 区别于 <button type="submit" class="

jQuery中bind,live,delegate与one方法的用法及区别解析

bind( )方法用于将一个处理程序附加到每个匹配元素的事件上并返回jQuery对象. .bind(eventType[, evnetData], Handler(eventObject)) 其中,参数eventType是一个字符串,包含一个或多个javaScript事件类型,例如click,submit或自定义事件的名称,指定多个事件类型时用空格分隔各个类型:eventData为Map类型,给出要传递给事件处理程序的数据,handler指定触发该事件时要执行的函数,eventObject表示事

JDBC中execute、executeQuery和executeUpdate的区别

Statement 接口提供了三种执行 SQL 语句的方法:executeQuery.executeUpdate 和 execute.使用哪一个方法由 SQL 语句所产生的内容决定. 1>方法executeQuery 用于产生单个结果集(ResultSet)的语句,例如 SELECT 语句. 被使用最多的执行 SQL 语句的方法.这个方法被用来执行 SELECT 语句,它几乎是使用最多的 SQL 语句.但也只能执行查询语句,执行后返回代表查询结果的ResultSet对象. 如: //加载数据库驱

快速上手 Python 命令行模块 Click

关于Click? 说下 Click 模块是干啥的,简单说,它就是把我们的 Python 脚本的一些函数,通过添加带有 Click 关键字的装饰器进行装饰进而将函数调用的形式转化为命令行传参的形式然后执行.听不懂也没关系,我们会一步一步来,基本上按照我的实际应用情况来写的. 本文不会涉及太多复杂的语法和理论,将会用通俗的语言和大家进行分享. 安装 python3 -m pip install click 一个简单的例子首先我们创建一个demo.py import click #(1) @cli

5天揭秘js高级技术-第二天

一.数组 1. 什么是数组? 数组就是一组数据的集合: 其表现形式就是内存中的一段连续的内存地址: 数组名称其实就是连续内存地址的首地址: 2. 关于js中的数组定义数组定义无需指定数据类型: 数组定义时可以无需指定数组长度: 数组可以存储任何数据类型的数据: 创建数组的语法: //[] 相当于语法模拟:[]=new Array();{}=new Object();//=new RegExp(); //方法一 "隐式创建" var arr=[1,"二",3]; d

click和submit区别

热门专题