获取滚动条高度:兼容写法

  1. IE IE<br />var _top = document.documentElement.scrollTop || document.body.scrollTop;

事件对象的兼容写法:


e = evt || event;

  1. document.onclick = function(evt){
  2. var e = evt || event;
  3. console.log(e);
  4. }

键盘事件对象:

2、获取按下的键盘对应字符的ASCII码(兼容写法):
var key = e.keyCode || e.charCode || e.which;
3、ctrl + 回车 返回10;
4、判断ctrl是否被按下,返回布尔值:console.log(e.ctrlKey);

  1. document.onkeypress = function(evt){
  2. var e = evt || event;
  3. var key = e.keyCode || e.charCode || e.which;
  4. console.log(key); //按下键盘字符返回对应的ASCII码
  5. console.log(String.fromCharCode(key)); //将ASCII码转为字符
  6. console.log(e.ctrlKey); //按了ctrl返回true,不按ctrl返回false
  7. }

阻止事件冒泡(兼容写法)

e.stopPropagation?e.stopPropagation() :e.cancelBubble = true;
阻止事件冒泡案例:见代码第十一天

阻止浏览器默认行为(兼容写法)

e.preventDefault?e.preventDefault():e.returnValue = false;
或者return false; (用这种写法需写到函数的最后一行,因为遇到return会跳出函数)

使用事件委托就要获取真实的操作源:(兼容写法)

var target = e.target || e.srcElement;