摘要:与事件事件与事件均用于表单处理事件,它们之间的本质区别是否支持冒泡处理实例其中元素可以触发事件是的父元素,当它包含的元素触发了事件时,它就产生了事件在元素本身产生,在元素包含的元素中产生与也亦是如此事件元素,和元素的值都是可以发生改变的,开
blur与focus事件
focusin、focusout事件 与blur、focus事件均用于表单处理事件,它们之间的本质区别:是否支持冒泡处理
实例:
其中input元素可以触发focus()事件
div是input的父元素,当它包含的元素input触发了focus事件时,它就产生了focusin()事件
focus()在元素本身产生,focusin()在元素包含的元素中产生
blur与focusout也亦是如此
change事件元素,
input元素监听value值的变化,当有改变时,失去焦点后触发change事件。对于单选按钮和复选框,当用户用鼠标做出选择时,该事件立即触发
select元素对于下拉选择框,当用户用鼠标作出选择时,该事件立即触发
textarea元素多行文本输入框,当有改变时,失去焦点后触发change事件
select事件input、textarea与select
输出结果:input:select:textarea:
当 textarea 或文本类型的 input 元素中的文本被选择时,会发生 select 事件
这个函数会调用执行绑定到select事件的所有函数,包括浏览器的默认行为。可以通过在某个绑定的函数中返回false来防止触发浏览器的默认行为
select事件只能用于元素与
方法一:.select()
触发元素的select事件:
$("input").select();
方法二:$ele.select( handler(eventObject) )
绑定$ele元素,每次$ele元素触发点击操作会执行回调 handler函数,这样可以针对事件的反馈做很多操作
$("#text").select(function() { //响应文字选中回调 //this指向 input元素 });
方法三:$ele.select( [eventData ], handler(eventObject) )
使用与方法二一致,不过可以接受一个数据参数,这样的处理是为了解决不同作用域下数据传递的问题
$("#text").select(11111,function(e) {//响应文字选中回调 //this指向 div元素 //e.data => 11111 传递数据 });submit事件
提交表单是一个最常见的业务需求,比如用户注册,一些信息的输入都是需要表单的提交。同样的有时候开发者需要在表单提交的时候过滤一些的数据、做一些必要的操作(例如:验证表单输入的正确性,如果错误就阻止提交,从新输入)此时可以通过submit事件,监听下提交表单的这个动作
方法一:$ele.submit()
绑定$ele元素,不带任何参数一般是用来指定触发一个事件,用的比较少
点击触发$("ele").submit(function(){ alert("触发指定事件") }) $("#text").click(function(){ $("ele").submit() //指定触发事件 });方法二:$ele.submit( handler(eventObject) )
绑定$ele元素,每次$ele元素触发点击操作会执行回调 handler函数,这样可以针对事件的反馈做很多操作了
$("#target").submit(function() { //绑定提交表单触发 //this指向 from元素 });方法三:$ele.submit( [eventData ], handler(eventObject) )
使用与方法二一致,不过可以接受一个数据参数,这样的处理是为了解决不同作用域下数据传递的问题
$("#target").submit(11111,function(data) { //绑定提交表单触发 //data => 1111 //传递的data数据 });通过在
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/87294.html
相关文章
JQuery基础修炼-事件篇
摘要:目录第章事件介绍第章鼠标事件第章表单事件第章键盘事件第章事件的绑定和解绑第章事件对象的使用第章自定义事件与事件用交互操作中,最简单直接就是点击操作。提供了两个方法一个是方法用于监听用户单击操作,另一个方法是方法用于监听用户双击操作。 目录 第1章 事件介绍 第2章 鼠标事件 第3章 表单事件 第4章 键盘事件 第5章 事件的绑定和解绑 第6章 事件对象的使用 第7章 自定义事件 cli...
JQuery基础修炼-事件篇
摘要:目录第章事件介绍第章鼠标事件第章表单事件第章键盘事件第章事件的绑定和解绑第章事件对象的使用第章自定义事件与事件用交互操作中,最简单直接就是点击操作。提供了两个方法一个是方法用于监听用户单击操作,另一个方法是方法用于监听用户双击操作。 目录 第1章 事件介绍 第2章 鼠标事件 第3章 表单事件 第4章 键盘事件 第5章 事件的绑定和解绑 第6章 事件对象的使用 第7章 自定义事件 cli...
【连载】前端个人文章整理-从基础到入门
摘要:个人前端文章整理从最开始萌生写文章的想法,到着手开始写,再到现在已经一年的时间了,由于工作比较忙,更新缓慢,后面还是会继更新,现将已经写好的文章整理一个目录,方便更多的小伙伴去学习。 showImg(https://segmentfault.com/img/remote/1460000017490740?w=1920&h=1080); 个人前端文章整理 从最开始萌生写文章的想法,到着手...
jQuery入门笔记之(三)事件详解
摘要:可以传递三个参数表示一个或多个事件类型,比如。表示绑定到指定元素的处理函数。我们称它为简写事件。必须在中,并且使用作为事件触发元素,不然无效。和表示鼠标移入和移出的时候触发。按下返回按下返回和分别表示光标激活和丢失,事件触发时机是当前元素。 转自个人博客 在JavaScript 有一个非常重要的功能,就是事件驱动。如果你的网页需要与用户进行交互的话,就不可能不用到事件。它在页面完全加...
发表评论
0条评论
阅读 1396·2021-11-22 15:24
阅读 2480·2021-10-11 11:06
阅读 2296·2021-10-09 09:45
阅读 2491·2021-09-09 09:33
阅读 595·2019-08-30 15:53
阅读 1406·2019-08-30 12:48
阅读 578·2019-08-29 13:47
阅读 465·2019-08-26 18:27