onkeydown onpropertychange onchange js事件
2014-05-09 23:46
381 查看
事件触发顺序:
onkeydown
onkeypress
onkeyup
注意: onkeypress 事件在所以浏览器中不能触发所有按键(例如:ALT, CTRL, SHIFT, ESC) 。如果只对用户是否已经按下一个按键检测, 可以使用 onkeydown 取代, onkeydown被所有按键触发。
onpropertychange能够捕获每次输入值的变化。例如:对象的value值被改变时,onpropertychange能够捕获每次改变。
//当状态改变的时候执行的函数
function handle() {
alert("f");
}
//firefox下检测状态改变只能用oninput,且需要用addEventListener来注册事件。
if (/msie/i.test(navigator.userAgent)) //ie浏览器
{
document.getElementById("cc").onpropertychange = handle
} else {//非ie浏览器,比如Firefox
document.getElementById("cc").addEventListener("input", handle, false);
}
function getOs(){//判断浏览器类型
var OsObject = "";
if(navigator.userAgent.indexOf("MSIE")>0) {
return "MSIE";
}
if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){
return "Firefox";
}
if(isSafari=navigator.userAgent.indexOf("Safari")>0) {
return "Safari";
}
if(isCamino=navigator.userAgent.indexOf("Camino")>0){
return "Camino";
}
if(isMozilla=navigator.userAgent.indexOf("Gecko/")>0){
return "Gecko";
}
}
if(navigator.userAgent.indexOf("MSIE")>0){
document.getElementById('tx1').attachEvent("onpropertychange",txChange);
}else if(navigator.userAgent.indexOf("Firefox")>0){
document.getElementById('tx1').addEventListener("input",txChange2,false);
}
function txChange(){
alert("testie");
}
function txChange2(){
alert("testfirefox");
}
http://t.cn/8ssUEwA
onkeydown
onkeypress
onkeyup
注意: onkeypress 事件在所以浏览器中不能触发所有按键(例如:ALT, CTRL, SHIFT, ESC) 。如果只对用户是否已经按下一个按键检测, 可以使用 onkeydown 取代, onkeydown被所有按键触发。
onpropertychange能够捕获每次输入值的变化。例如:对象的value值被改变时,onpropertychange能够捕获每次改变。
//当状态改变的时候执行的函数
function handle() {
alert("f");
}
//firefox下检测状态改变只能用oninput,且需要用addEventListener来注册事件。
if (/msie/i.test(navigator.userAgent)) //ie浏览器
{
document.getElementById("cc").onpropertychange = handle
} else {//非ie浏览器,比如Firefox
document.getElementById("cc").addEventListener("input", handle, false);
}
function getOs(){//判断浏览器类型
var OsObject = "";
if(navigator.userAgent.indexOf("MSIE")>0) {
return "MSIE";
}
if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){
return "Firefox";
}
if(isSafari=navigator.userAgent.indexOf("Safari")>0) {
return "Safari";
}
if(isCamino=navigator.userAgent.indexOf("Camino")>0){
return "Camino";
}
if(isMozilla=navigator.userAgent.indexOf("Gecko/")>0){
return "Gecko";
}
}
if(navigator.userAgent.indexOf("MSIE")>0){
document.getElementById('tx1').attachEvent("onpropertychange",txChange);
}else if(navigator.userAgent.indexOf("Firefox")>0){
document.getElementById('tx1').addEventListener("input",txChange2,false);
}
function txChange(){
alert("testie");
}
function txChange2(){
alert("testfirefox");
}
http://t.cn/8ssUEwA
相关文章推荐
- kindedit 在线编辑器图片上传jsp版
- JavaScript实现动态广告弹出框
- 公共的Json操作类
- Js函数加括号、不加括号
- js实现多张图片同时放大缩小相对位置不变
- jsp---猜数字游戏,深有感触
- JS经验库
- 【读书札记】《JavaScript DOM编程指南》
- JSON数据在JSP页面上出现中文乱码
- js引用后界面无效
- JS_弹出窗口的各种传值方法
- js操作string之substr方法
- js 正则学习小记之匹配字符串字面量优化篇
- Mac 配置VIM插件 提示"E492:Not an editor command:^M"
- JSP的内置对象概述
- JS的继承和接口
- JS多异步之间的协作方案
- js通用数据检测类(2)
- js通用数据检测类(1)
- 在ASP.NET使用javascript的一点小技巧