JavaScript跨浏览器处理键盘事件keydown,keypress,keyup

用户在使用键盘时会触发键盘事件。目前,对键盘事件的支持主要遵循的是DOM0级。 在英文输入法下,所有浏览器都遵循以下三个事件: keydown: 当用户按下任意键时触发,而且按住不放的话,会重复触发此事件。 keypress: 当用户按下字符键时触发,而且按住不放的话,会重复触发此事件。按下Esc键也会触发这个事件,Safari3.1之前的版本按下非字符键时也触发。 keyup: 当用户释放键时触发。 在中文输入法下,浏览器之间则表现得不一致,主要情况如下: IE,Chrome,Safari:触发keydown和keyup, 不触发keypress。 Firefox:首次按下按键时触发keydown,不触发keypress。在停止输入法并改变文本框内容(如按下回车或者空格键)后会触发keyup。 Opera:keydown, keypress和keyup都不触发。 PS : 只有在触发keyup事件才能获得修改后的文本值。   所有元素都支持以上三个事件,一般情况下只有在文本框时才经常用到。   键盘事件的触发过程具体是这样的: 在用户按下键盘上的一个字符键时,首先会触发keydown事件,然后是keypress事件,最后是keyup事件。其中,keydown和keypress事件是在文本框发生变化之前被触发;而keyup在文本框发生变化之后被触发。如果用户按下一个键不放,就会重复触发keydown和keypress事件。在用户按下一个非字符键时,首先触发keydown事件,然后就是keyup事件。如果用户按下一个键不放,就会重复触发keydown。…

Continue Reading →

JQuery的Ajax总结

JQuery对Ajax操作进行了封装,在JQuery中$.ajax()方法属于最底层的方法,第2层是load()、$.get()和$.post()方法,第3层是$.getScript和$.getJSON的方法。 一、load()方法  1.载入HTML文档 load()方法是JQuery中最为简单和常用的Ajax方法,能载入远程HTML代码并插入到DOM中。 load(url [.data] [.callback]) 参数名称 类型 说明 url String 请求HTML页面的URL地址 data(可选) Object 发送至服务器的key/value数据 callback(可选) Function 请求完成时的回调函数,无论请求成功或失败 $(function(){…

Continue Reading →

JQuery的选择器总结

一、基本选择器  每个id只能使用一次,class允许重复使用。 选择器 描述 返回 示例 #id 根据id匹配元素 单个元素 $(“#test”) .class 根据class匹配元素 集合元素 $(“.test”) element 根据元素名匹配元素 集合元素 $(“p”) * 匹配所有元素…

Continue Reading →

JavaScript单引号、双引号以及加号匹配

JavaScript中一串字符中单/双引号各自匹配,若出现引用函数外加变量时,多数是’params’形式的话,必须使用\转义 // 综合示例 function test(tag,params){ alert(“匹配测试”); } var arr = []; arr.push(“<input type=’text’ id=’test’ onclick=’test(this,\””+params+”\”)’/>”) 分析:第一个双引号会去匹配接下来出现的第一个双引号,单引号同理,在Html解析中会进行匹配;onclick中穿插变量,希望得到解析形式为onclick=”test(this,’params’)”,根据之前的分析可以确定右括号后面必须是’,而参数必须加引号且不破坏结构,所以必须是转义的双引号(转义后当成普通字符,若未转义会直接“”匹配)

Continue Reading →

JavaScript增删改数组/JSON

// js增删改数组–js删除数组的3种方法 1,用shift()方法 shift:删除原数组第一项,并返回删除元素的值;如果数组为空则返回undefined var x = [1,2,3,4,5] var x.shift() //得到1 alert(x) //[2,3,4,5] 2,用pop()方法 pop:删除原数组最后一项,并返回删除元素的值;如果数组为空则返回undefined var x = [1,2,3,4,5] var…

Continue Reading →

JQuery表单验证

一、提交表单的几种方式 1.普通 <form name=”form” method=”post” action=”#”> <input type=”submit” name=”submit” value=”提交”> </form> 2.图片 <form name=”form” method=”post” action=”# “> <input type=”image” name=”submit”…

Continue Reading →