夺命雷公狗---javascript NO:17 默认行为2

最新推荐文章于 2025-09-12 16:56:45 发布

weixin_30549657

最新推荐文章于 2025-09-12 16:56:45 发布

阅读量95

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/leigood/p/5031904.html

本文详细介绍了如何在JavaScript中通过创建prevent函数解决浏览器兼容性问题，特别是阻止默认行为的方法。包括在public.js文件中定义函数、判断浏览器类型，并在HTML页面上测试该方法。

解决兼容性问题

① 在public.js中创建prevent函数

② 判断浏览器类型

③ 编写一下程序代码

//解决阻止默认行为兼容性问题
function prevent(event){
    if(window.event){
        //IE模型浏览器
        window.event.returnValue = false;
    }else{
        //w3c
        event.preventDefault();
    }
}

④ 在html页面测试prevent方法

<!DOCTYPE html>
<html>
<head>
<meta charset=’utf-8′>
<title></title>
<script src=’public.js’></script>
<script>
window.onload = function(){
$(‘btnok’).onclick = function(){
if($(‘username’).value == ”){
alert(‘用户名不能为空’);
//IE模型
//window.event.returnValue = false;
//w3c模型
//event.preventDefault();
prevent(event);
}
}
}
</script>
</head>
<body>
<form action=”4.html” method=”post”>
name:<input type=”text” id=”username”>
<hr/>
<input type=”submit” id=”btnok” name=”submit” value=’注册’>
</form>
</body>
</html>