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

Posted 2020-08-11 cjlalala

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框的默认样式