首页 > 其他 > 详细

29、任务二十九——阻止点击之后的默认事件

时间:2016-09-27 17:55:36      阅读:239      评论:0      收藏:0      [点我收藏+]

0、题目

  • 示例图中所示,在页面中实现一个输入框与按钮,要求点击验证按钮后,对输入框中内容进行格式校验,并在其下方显示校验结果
  • 校验规则:
    • 1.字符数为4~16位
    • 2.每个英文字母、数字、英文符号长度为1
    • 3.每个汉字,中文符号长度为2

1、解答过程

2、遇到的问题

(1)阻止鼠标点击的默认事件

//停止事件冒泡
function stopPropagation(event) {
var e = event || window.event;
if (e.stopPropagation)
e.stopPropagation();
e.cancelBubble = true;
}

//停止默认事件
function preventDefault(event) {
var e = event || window.event;
if (e.preventDefault)
e.preventDefault();
e.returnValue = false;
}

element.onclick = function(e){stopPropagation(e);preventDefault(e);return false;}//兼容所有浏览器

如果是超链接即A标签的话,请将href设置为javascript:void(0);


(2)改变input框的默认样式

29、任务二十九——阻止点击之后的默认事件

原文:http://www.cnblogs.com/cjlalala/p/5913646.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!