JQuery——表单事件-创新互联

表单事件.blur()、.focus()、.change()、 .select()和.submit()

成都创新互联公司-专业网站定制、快速模板网站建设、高性价比乌苏网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式乌苏网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖乌苏地区。费用合理售后完善，10年实体公司更值得信赖。

1  .blur()和.focus()处理表单焦点

2   .blur()和.focus()区别在于是否支持冒泡处理

3  .focus()在元素本身产生，.focusin()在元素包含的元素中产生

4  .change()监听元素值的改变，要注意触发的先后行为

5  input监听value值的变化，当有改变时，失去焦点后触发change事件，对于单选按钮和复选框，当用户用鼠标做出选择时，该事件立即触发

6  select对于下拉选择框，当用户用鼠标做出选择时，该事件立即触发

7  textarea多行文本输入框，当有改变时，失去焦点后触发change事件

8  当textarea或文本类型的input元素中的文本被选择时，会发生select事件

9  .select()触发元素的select事件，会调用执行绑定到select事件的所有函数，包括浏览器的默认行为，可以通过在某个绑定的函数中返回false来防止触发浏览器的默认行为

10   .select()事件只能用于元素和<input>元素</p><p>11  $ele.select(handler(eventObject))绑定$ele元素，每次$ele元素触发点击操作会执行回调 handler函数,可以针对事件的反馈做很多操作</p><p>12   $ele.select([eventData],handler(eventObject))绑定$ele元素，每次$ele元素触发点击操作会执行回调 handler函数,可以接受一个数据参数，为了解决不同作用域下数据传递的问题</p><p>13  .submit()监听用户提交表单时的动作</p><p>14  $ele.submit()绑定$ele元素，不带任何参数一般是用来指定触发一个事件</p><p>15   $ele.submit(handler(eventObject))绑定$ele元素，每次$ele元素触发点击操作会执行回调 handler函数,可以针对事件的反馈做很多操作</p><p>16   $ele.submit([eventData],handler(eventObject))绑定$ele元素，每次$ele元素触发点击操作会执行回调 handler函数,可以接受一个数据参数，为了解决不同作用域下数据传递的问题</p><p>17  通过在<form>元素上绑定submit事件，开发者可以监听到用户的提交表单的行为</p><p>18  触发submit事件的行为</p><p><input type="submit"></p><p><input type="p_w_picpath"></p><p><button type="submit"></p><p>当某些表单元素获取焦点时，敲击Enter（回车键）</p><p>19  form元素是有默认提交表单的行为，如果通过submit处理的话，需要禁止浏览器的默认行为</p><p>20  传统的方式是调用事件对象e.preventDefault()来处理，JQuery中可以直接在函数中最后结尾return false即可</p><p align=center>另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、<a href="https://www.cdcxhl.com/gaofang/" target="_blank">高防服务器</a>、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。</p> <br> 当前名称：JQuery——表单事件-创新互联 <br> URL标题：<a href="http://bjjierui.cn/article/cocsji.html">http://bjjierui.cn/article/cocsji.html</a> </div> </div> <div class="other"> <h3>其他资讯</h3> <ul> <li> <a href="/article/dogsjj.html">SqlServer数据库数据恢复报告是怎样的-创新互联</a> </li><li> <a href="/article/dogsep.html">优雅的搭建OneProxy环境-创新互联</a> </li><li> <a href="/article/dogsoc.html">使用Python怎么实现冒泡排序算法-创新互联</a> </li><li> <a href="/article/dogcho.html">详解swift3.0可选绑定共用同一块内存空间的实例-创新互联</a> </li><li> <a href="/article/dogchj.html">到底什么是大数据？新手学习大数据的路径是什么？-创新互联</a> </li> </ul> </div> </div> <ul class="kf"> <li class="kf1"><span class="tela">建站热线：<a href="tel:13518219792" target="_blank">13518219792</a></span></li> <li class="kf11"><span class="weixin"><img src="/Public/Home/images/weixin.jpg" alt="网站建设微信咨询"><br> 微信扫一扫在线咨询</span> </li> <li class="kf5">QQ客服： <a href="http://wpa.qq.com/msgrd?v=3&uin=631063699&site=qq&menu=yes" class="on2" target="_blank" rel="nofollow"><img src="/Public/Home/images/qq.gif" alt="建站业务咨询" title="建站业务咨询"></a> <a href="http://wpa.qq.com/msgrd?v=3&uin=631063699&site=qq&menu=yes" class="on2" target="_blank" rel="nofollow"><img src="/Public/Home/images/qq.gif" alt="网站设计咨询" title="网站设计咨询"></a></li> <li class="kf2"><a href="http://www.bjjierui.cn/cases/" target="_blank">案 例</a></li> <li class="kf4"><a href="http://www.bjjierui.cn/" target="_blank">价 格</a></li> <li class="kf6" title="返回顶部"></li> </ul> <div class="footer"> <div class="footer_2"> <p>Copyright © 2012-2020 <strong>网创优客信息咨询</strong> 版权所有 蜀ICP备2023009085号-7<br /> 手机:13518219792 QQ:631063699 地址：成都市青羊区锣锅巷31号 邮编:610000 Email:wh@cdxwcx.com<br/> 成都网络公司-网创优客建站品牌专注<a href="http://www.bjjierui.cn/">成都网站建设</a>、<a href="http://www.bjjierui.cn/">成都网站设计</a>服务，为成都公司建设高品质的网站</p> </div> </div> <script type="text/javascript"> $(document).ready(function(){ $(".kf6").click(function() { $('body,html').animate({ scrollTop : 0 }, 500); return false; }); }) var bodyhe=$("body").height(); var winhe=330; var bodyf=bodyhe-winhe; var bodyft=bodyhe-365; window.onscroll = function(){ var t = document.documentElement.scrollTop || document.body.scrollTop; if(t>200){ $(".kf .kf6").stop().animate({opacity:'1'},200); }else{$(".kf .kf6").stop().animate({opacity:'0'},200);} if(t>1 && t<winhe){ $(".header").addClass('no'); $(".header").removeClass('notwo'); }else if(t>winhe){ $(".header").removeClass('no'); $(".header").addClass('notwo'); }else{ $(".header").removeClass('no'); } } </script> </body> </html> <script> $(".con img").each(function(){ var src = $(this).attr("src"); //获取图片地址 var str=new RegExp("http"); var result=str.test(src); if(result==false){ var url = "https://www.cdcxhl.com"+src; //绝对路径 $(this).attr("src",url); } }); window.onload=function(){ document.oncontextmenu=function(){ return false; } } </script>