【记录JavaScript中使用keyup事件做输入验证（附event.keyCode表）】的更多相关文章

记录JavaScript中使用keyup事件做输入验证（附event.keyCode表）

input的blur事件 $("#input-name").blur(function () { var value = $(this).val(); if (value === '') { return; } if (/^[\u4e00-\u9fa5]{1,3}$/.test(value)) { $(this).removeClass("error-class"); } else { $(this).addClass("error-class"…

在javascript中如何取消事件冒泡

如果在javascript中只希望事件发生在它的目标而不是在它的父元素上,即取消它的冒泡事件的发生,该如何做?因为按照javascript发生事件的顺序,它由两个阶段:分别从根元素--父元素--目标元素(捕获阶段),再到父元素--根元素(冒泡阶段). IE浏览器和其他浏览器提供了不同的方式来取消事件冒泡行为.下列函数提供了两种方式取消事件冒泡:标准的W3C方式和非标准的IE方式. function stopBubble(e){ //如果传入事件对象且支持W3C的stopPropagation的用…

JavaScript中常用的事件

.onclick事件 点击事件(onclick并不是js中的方法,onclick只是浏览器提供js的一个dom接口,让js可以操作dom,所以onclick大小写都是没问题的,比如HTML代码就不用区分大小写) 例: <%@pagelanguage="Java"import="java.util.*"pageEncoding="UTF-8"%> <!DOCTYPEHTMLPUBLIC"-//W3C//DTD HTML…

JavaScript中冒泡与事件委托

冒泡 事件触发后事件流的三个阶段按顺序依次是: 1.捕获阶段 2.目标阶段 3.冒泡阶段 大盒子包裹小盒子,两个盒子都分别添加点击事件,当点击小盒子,两个盒子的事件都会触发. 事件委托 下级元素委托上级元素,将子孙元素的事件注册委托给父级元素来代理: 1.给父元素注册点击事件 2.在事件函数中通过( 事件对象.target )获取最先触发的元素( 这就是需要被操作的子元素 ) 3.通过 nodeName 检测是点击了子元素还是点到了父元素上 事件对象的  公共属性 和 方法 属性: 事件对象.t…

JavaScript中的方法事件和函数的方法的三种方法

js中的很多事件  而事件相对应的就是方法(函数 )那么今天所说的就是这三种方法      已onclick事件为例 1: 基本方法 <div id="a" onclick="fangfa();"></div> <script> function fangfa(){.....} </script> 2:提取方法 因为方法也是标签的一个属性 所以 在js中也可以给他添加方法函数 其中应该注意的是abc的()不应写出 因为…

javascript设计模式实践之策略模式--输入验证

策略模式中的策略就是一种算法或者业务规则,将这些策略作为函数进行封装,并向外提供统一的调用执行. 先定义一个简单的输入表单: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> .form{ width: 400px; height: 200px; #margin: 0px auto; } .form-item-label{ width:100px; tex…

JavaScript中的ononline事件和onoffline事件

关于这个时间的描述到处都有,但基本上都是说离线在线什么的我一下子还没反应过来.后再在这里看到了一句话:"断开网络再联网试试,就可以看到连线的提示."这才反应过来,原来指的是网络状态. 我用来测试ononline事件和onoffline事件的例子: <body ononline="onFunction()" onoffline="offFunction()"> <p>测试ononline事件和onoffline事件</…

JavaScript中的定时事件

这两个函数都是在给定的时间之后开始执行的,并不是立即执行. var timeId = window.setTimeout("method()",1000); //定时执行,还可以这么写var timeId = window.setTimeout(method,1000); window.clearTimeout(timeId); //清除已设置的setTimeout对象 var timeId = window.setInterval("method()",1000)…

记录一下SparkStreaming中因为使用redis做数据验证而导致数据结果不对的问题

业务背景: 需要通过redis判断当前用户是否是新用户.当出现新用户后,会将该用户放入到redis中,以标明该用户已不是新用户啦. 出现问题: 发现入库时,并没有新用户入库,但我看了数据了,确实应该是有新数据 问题原因: 因为在判断新用户这一步是在flatmap这一步做的. 而flatmap后的RDD,后边会被两个action使用. 问题是,因为是执行两次action时,flatmap也会执行两次. 而最终入库的代码是在第二个RDD中.结果就是永远不会存在最新用户啦 解决方案: 在flatmap…

javascript中的scroll事件

window.addEventListener('scroll',function(){ if(document.compatMode == "CSS1Compat") { alert(document.documentElement.scrollTop); } else { alert(document.body.scrollTop); } },false); 虽然scroll事件是在window对象上发生的,但它事件表示的则是页面中相应元素的变化.在混杂模式中,可以通过<bo…