一緒にサイの本を読みましょう:event処理_html/css_WEB-ITnose

var whenReady = (function(){  var funcs = [], //需要运行的函数  ready = false, //为避免重复执行  i = 0;  function handler(e) {    if(!ready) {      //如果发生readystatechange事件，但状态不是complete则文档未准备好      if('readystatechange'===e.type && 'complete'!==document.readyState) {        return ;      }      for (i=0;i<funcs.length; i++) {        funcs[i].call(document);      }      ready = true;      funcs = null;    }  }  if(document.addEventListener) {    document.addEventListener('DOMContentLoaded', handler);    document.addEventListener('readystatechange', handler);    window.addEventListener('load', handler);  } else if(document.attachEvent) {    document.attachEvent('onreadystatechange', handler);    window.attachEvent('load', handler);  }  return function(f){    if (ready) f.call(document); //若准备完毕则运行    else funcs.push(f);  //否则加入队列  }}());

function drag(){  //获取坐标  function getScrollOffsets(w) {    var d = {};    //使用指定窗口或者当前窗口    w = w || window;    //现代浏览器    if (w.pageXOffest != null) {      return {        x: w.pageXOffest,        y: w.pageYOffset      };    }    //标准模式下的IE    d = w.document;    if (document.compatMode === 'CSS1Compat') {      return {        x: d.documentElement.scrollLeft,        y: d.documentElement.scrollTop      };    }    //怪医模式下的浏览器    return {      x: d.body.scrollLeft,      y: d.body.scrollTop    };  }  var scroll = getScrollOffsets();	var startX = event.clientX + scroll.x;	var startY = event.clientY + scroll.y;	var origX = elementToDrag.offsetLeft;	var origY = elementToDrag.offsetTop;	var deltaX = startX - origX;	var deltaY = startY - origY;  //注册鼠标移动和鼠标释放事件	if (document.addEventListener) {		document.addEventListener("mousemove", moveHandler, true);		document.addEventListener("mouseup", upHandler, true)	} else if (document.attachEvent) {		elementToDrag.setCapture();		elementToDrag.attachEvent("onmousemove", moveHandler);		elementToDrag.attachEvent("onmouseup", upHandler);		elementToDrag.attachEvent("onlosecapture", upHandler)	}	if (event.stopPropagation) event.stopPropagation();	else event.cancelBubble = true;	if (event.preventDefault) event.preventDefault();	else event.returnValue = false;  //移动鼠标时移动元素	function moveHandler(e) {		if (!e) e = window.event;		var scroll = getScrollOffsets();		elementToDrag.style.left = (e.clientX + scroll.x - deltaX) + "px";		elementToDrag.style.top = (e.clientY + scroll.y - deltaY) + "px";		if (e.stopPropagation) e.stopPropagation();		else e.cancelBubble = true	}  //拖拽结束，注销事件	function upHandler(e) {		if (!e) e = window.event;		if (document.removeEventListener) {			document.removeEventListener("mouseup", upHandler, true);			document.removeEventListener("mousemove", moveHandler, true)		} else if (document.detachEvent) {			elementToDrag.detachEvent("onlosecapture", upHandler);			elementToDrag.detachEvent("onmouseup", upHandler);			elementToDrag.detachEvent("onmousemove", moveHandler);			elementToDrag.releaseCapture()		}		if (e.stopPropagation) e.stopPropagation();		else e.cancelBubble = true	}}

(function() { var inputelts = document.getElementsByTagName("input"); for (var i = 0; i < inputelts.length; i++) { var elt = inputelts[i]; if (elt.type != "text" || !elt.getAttribute("data-allowed-chars")) continue; if (elt.addEventListener) { elt.addEventListener("keypress", filter, false); elt.addEventListener("textInput", filter, false); elt.addEventListener("textinput", filter, false) } else { elt.attachEvent("onkeypress", filter) } } function filter(event) { var e = event || window.event; var target = e.target || e.srcElement; var text = null; if (e.type === "textinput" || e.type === "textInput") text = e.data; else { var code = e.charCode || e.keyCode; if (code < 32 || e.charCode == 0 || e.ctrlKey || e.altKey) return; var text = String.fromCharCode(code) } var allowed = target.getAttribute("data-allowed-chars"); var messageid = target.getAttribute("data-messageid"); if (messageid) var messageElement = document.getElementById(messageid); for (var i = 0; i < text.length; i++) { var c = text.charAt(i); if (allowed.indexOf(c) == -1) { if (messageElement) messageElement.style.visibility = "visible"; if (e.preventDefault) e.preventDefault(); if (e.returnValue) e.returnValue = false; return false } } if (messageElement) messageElement.style.visibility = "hidden" }}());

function forceToUpperCase(element) {	if (typeof element === "string") element = document.getElementById(element);	element.oninput = upcase;	element.onpropertychange = upcaseOnPropertyChange;	function upcase(event) {		this.value = this.value.toUpperCase()	}	function upcaseOnPropertyChange(event) {		var e = event || window.event;		if (e.propertyName === "value") {			this.onpropertychange = null;			this.value = this.value.toUpperCase();			this.onpropertychange = upcaseOnPropertyChange		}	}}

var event = document.createEvent('Event');event.initEvent('click');var element = document.getElementById('zdl');element.dispatchEvent(event);