您的位置:首页 > Web前端 > JavaScript

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

2015-12-09 09:58 531 查看

解决兼容性问题

① 在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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: