事件处理程序返回值

事件处理程序返回值
在使用事件属性注册事件处理程序中返回值的用处很大
常用点:
当键盘onkeypress事件中,如果事件处理,程序返回false,表示去掉某个某个键盘事件
在表单的onclick事件之中,rutuen false表示阻止默认提交,也可以用event.returnValue=false;
window对象的onbeforeunload事件中,如果返回字符串,表示浏览器窗口在跳出之前,会弹出消息对话框。返回的字符串会显示在对话框上面。
列子
HTML标签只能表单识别
通过监听文本框键盘输入来控制输入是否为文字
浏览器在离开当前页面的时候提醒用户是否要离开
表单提交时检验用户的文本框不能为空
实现只能输入数字的文本框,或者是只能输入汉字的文本框,或者是只能输入英文的文本框
等等
1.例子:
实现只能输入数字的文本框

<input id="txt" type="text">
<script>
//onkeypress,当键盘上的键被按下时,会触发事件
var txt=document.getElementById('txt');
tex.οnkeypress=function(e){
e||e.window.event;//对事件进行兼容处理
if(e.KeyCode<48||e.KeyCode>57){//此处有个先后顺序,要先写小的数字,再写大的数字
alert('你输入的不是数字,请你重新输入');
return false;
}
};
</script>
//此段代码的含义是,只要你输入的不是数字,就会弹出一个警告框,不能按Enter,一按页会弹出警告框

2.阻止表单提交
当你写如的·内容不符合要求的时候,页会弹出一个警告框,阻止你的表单进行提交
3.页面进行跳转确认
要求:
浏览器在离开时,提醒用户是否要离开
表单提交时,检验用户名不能为空

<form action=""><!--action此处是写入你要跳转去的页面-->
用户名:<input type="text" 
id="textName">
<input type="submit" value="提交" id="btnSub">
</form>
<script>
//当用户要离开当前页面的时候,提醒用户是否要真的离开,要用到一个onbeforeunload事件
window.οnbefοreunlοad=function(){
return '你是否要离开此页面';//返回一个字符串,浏览器再离开此页面的时候,或者要关闭的时候(提醒用户是否真的要离开此页面)
var btnSub=document.getElementById('btnSub');
var textName=document.getElementById('textName');
//DOM2级事件进行写入与DOM0级事件写入,此时是进行一个事件绑定处理
if(btnSub.addEventListener){
btnSub.addEventListener('click',btnSubClickHader);
}else{
btnSub.attachEvent('onclick',btnSubClickHader);
}
//提交按钮进行处理程序
function btnSubClickHader(e){
e=e||window.event;
if(!textName.value){
alert('用户名不能为空');
//此处是用户名为空了,弹出一个程序,阻止表单的提交
if(e.preventDefault){
e.preventDefault();//标准浏览器
}else{
e.returnValue=false;//ie8
}
}
}
}
</script>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值