表单、prevent、protocal、storage

于 2022-09-22 20:56:43 发布
阅读量62 收藏
点赞数
分类专栏： 笔记 文章标签： 前端 java 服务器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_53374733/article/details/126999589
版权

e.touches  类数组

form.submit()    执行form表单数据的提交

 获取焦点：onfocus

失去焦点：onblur

change事件与input事件的区别

change：内容被修改并且失去焦点

input:内容被修改

阻止默认   e.preventDefault();

阻止冒泡：e.stopPropagation();

事件冒泡：同类型事件，子级向父级传递

事件捕获：同类型事件，父级向子级传递

闭包

函数内实现另一个函数

局部变量数据持久化

造成一定的内存压力

事件委托

把事件添加给标签的父元素

通过事件对象e.target来实现具体的操作

localStorage  本地存储  

    sessionStorage  会话存储  

    cookie    过期时间不到就在  十几KB

总结：1.数据管理方式不同

           localStorage     数据存储在本地 需要手动删除  存储量大

           sessionStorage   数据依赖浏览器   当页面关闭或者退出浏览器时清空数据  存储量大

           cookie          可以为数据设置过期时间   存储量小   可以与后台共用

JSON是一种特殊格式的字符串

可以与数组、对象进行转换

常用于前后端数据交互、文件配置说明

山河曦晨
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS 系列之 事件—表单事件
Happy Simon
03-15 2724
今天跟大家分享一下JS系列之表单事件。 1 表单事件的种类 1.1 input 事件 input事件当、、的值发生变化时触发。对于复选框（）或单选框（），用户改变选项时，也会触发这个事件。另外，对于打开contenteditable属性的元素，只要值发生变化，也会触发input事件。 input事件的一个特点，就是会连续触发，比如用户每按下一次按键，就会触发一次input事件。 input事件对象...
prevent-autofill.js:尝试阻止浏览器自动填充功能访问表单输入
07-18
尝试阻止浏览器自动填充功能访问表单输入。 专为对抗 Chrome 的自动填充功能而创建。 Chrome 似乎并不关心我在任何类型的地址表单上的“自动完成”设置，无论自动完成属性放在哪个元素上。 唯一的依赖是 jQuery。 ...
【前端面试题】【EVENT】
m0_57517704的博客
09-13 141
JSON是一种特殊格式的字符串，可以与数组，对象进行转换，常用于前后端数据交互，文件配置说明。2.sessionStorage数据依赖浏览器，当页面关闭或者退出浏览器时清空数据，存储量大。把事件添加给标签的父元素，通过事件对象e.target来实现具体操作。3.cookie 可以为数据设置过期时间，存储量小，可以与后台共用。函数内实现另一个函数，局部变量数据持久化，造成一定内存压力。8.事件冒泡:同类型事件，子级向父级传递。9.事件捕获：同类型事件，父级向子级传递。change：内容被修改并且失去焦点。
js表单事件总结
m0_46205209的博客
08-13 365
onChange 内容发生改变时并且失去焦点 。常用于获取表单内容时。 在用于文本框输入框时,有一个明显的不足. 事件不会随着文字的输入而触发,而是等到文本框失去焦点(onblur)时才会触发. 也就是没有即时性! 且必须值变化才触发 。 onblue input失去焦点时，就会被调用。 常用于表单验证 onfoucs 获得焦点时就会被调用。 常用于表单获取焦点时的外观变化。 JS事件函数总结 https://blog.csdn.net/qq_41194704/article/details/10270
JS-表单事件
yixiesuifeng的博客
04-05 1012
①onblur(DOM2)：事件会在元素失去焦点时触发。(如：用户离开输入框时执行，经常用于JS验证代码) 浏览器都支持~ 标签都支持，除了那11种： , , , , , , , , , , 和 . 用法：前两种~     function myFunction(){ var x=document.getElementById("fname"); x.value=x.value.
JS 事件 —— 表单事件
白菜执笔人的博客
10-24 1612
Web前端基础 学习笔记 一、表单事件 1.1、onsubmit（绑定提交事件） <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JS 事件-鼠标事件</title> <script> window.onlo...
vue-form表单验证是否为空值的实例详解
10-16
表单的提交事件通过 `@submit.prevent="submit"` 绑定到 Vue 实例的方法 `submit`，这里使用 `.prevent` 修饰符阻止了表单的默认提交行为，即防止页面刷新。这样，我们可以在 `submit` 方法中进行自定义的验证逻辑。...
vue 解决form表单提交但不跳转页面的问题
10-16
当我们想要在表单提交时执行特定的JavaScript函数而不是进行页面跳转，我们可以使用`.prevent`修饰符。`.prevent`修饰符会在事件触发时调用`event.preventDefault()`方法，阻止事件的默认行为，即防止表单的默认提交...
Vue form 表单提交+ajax异步请求+分页效果
08-30
通过使用 `@submit.prevent` 指令，我们可以阻止表单的默认提交行为，而是使用 Ajax 异步请求来提交表单数据。 二、Ajax 异步请求 Ajax 异步请求是指在Web应用程序中使用JavaScript异步请求服务器数据的技术。通过...
js中表单相关的事件
个人笔记
03-26 323
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <form action="" method="get" id="f"> <input type="text" placeholder="请输入文本" id="i1"/> <input t
javascript表单事件汇总
10-22
javascript表单事件汇总,纯文本格式
js表单事件详细汇总
01-21
javascript表单事件汇总 1。onabort（ns3，ns4，ie4）：当用户终止正在打开的网页时产生该事件。 2。onblur（ns3，ns4，ie3，ie4）：某元素失去活动焦点时产生该事件。例如鼠标在文本框中点击后又在文本框外点击时就会产生。 3。onchange（ns3，ns4，ie3，ie4）：当网页上某元素的内容发生改变时产生。例如在文本框中输入文本后又在文本框外点击时就会产生。 4。onclick（ns3，ns4，ie3，ie4）单击网页上的某元素时产生 5。ondblclick（ns4，ie4）：双击网页上的元素时产生 6。onerror（ns3，ns4，ie4）：浏览
js系列教程9-表单元素全解
全栈工程师开发手册（原创）https://github.com/tencentmusic/cube-studio
08-09 2880
myform = document.getElementById("myform"); //acceptCharset服务器能够处理的字符集，action请求地址，elements表单字段input集合，enctype请求的编码类型，length表单控件数量，method请求方式，name名称，reset()表单恢复默认值，submit()表单提交，提交前触发，target请求发送和接收相应的窗口名
JS:表单事件（7个）
weixin_59519449的博客
10-09 1692
表单事件 属性 描述 onfocus 元素获取焦点时触发 onblur 元素失去焦点时触发 onchange 该事件在表单元素的内容改变时触发( input, select, 和 textarea) oninput 元素获取...
表单事件（JavaScript）
weixin_50053454的博客
02-25 3435
常见的表单事件类型： 1.input输入事件 关注输入过程 var textInput = document.getElementById("myInput") var radios = document.getElementsByName("sex") textInput.oninput = function(){ console.log("input", this.value) } 2.change更新事件 关注输入结果 textInput.oncha
js 表单事件
qq_35187942的博客
01-06 1038
onsubmit:事件 当提交表单的时候触发 submit()方法 提交表单 &lt;!DOCTYPE html&gt; &lt;html&gt;     &lt;head&gt;         &lt;meta charset="{CHARSET}"&gt;         &lt;title&gt;&lt;/title&gt;         &lt;script&g
JavaScript的表单事件
天高任鸟飞
07-08 338
表单事件 Submit 当提交表单时，触发 Change 当元素的值改变时，触发 Focus 当元素获得焦点时，触发 Blur 当元素失去焦点时，触发
JavaScript:表单事件
WHT869706733的博客
12-01 243
<body> <form id="register"> <label>用户名：<input id="user" type="text"></label> <input type="submit" value="提交"> <input type="reset" value="重置"> </form> <script> // 获取表.
prevent
最新发布
05-29
prevent是一个在JavaScript中常用的方法，用于阻止事件的默认行为。常见的事件默认行为包括表单提交、链接跳转、滚动等操作。 prevent有两种形式：preventDefault()和event.preventDefault()。前者是在事件处理函数...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值