图像加载完毕后就会显示一个警告框

2017-06-19 10:08:00
admin
原创
303
<!DOCTYPE html>
<html>
	<head>
		<title>Load Event Example
		</title>
	</head>
	<body>
		<img src="http://www.ybao.org/data/upload/201705/f_f98e04fa9ff2aed692bebb9f6c0be82e.jpg" id="myImage" />
		<script type="text/javascript">
			var EventUtil = {
				addHandler: function(element, type, handler){
					if (element.addEventListener){
						element.addEventListener(type, handler, false);
					}
					else if (element.attachEvent){
						element.attachEvent("on" + type, handler);
					}
					else {
						element["on" + type] = handler;
					}
				}
				,
				getButton: function(event){
					if (document.implementation.hasFeature("MouseEvents", "2.0")){
						return event.button;
					}
					else {
						switch(event.button){
							case 0:
							case 1:
							case 3:
							case 5:
							case 7:
								return 0;
							case 2:
							case 6:
								return 2;
							case 4: return 1;
						}
					}
				}
				,
				getCharCode: function(event){
					if (typeof event.charCode == "number"){
						return event.charCode;
					}
					else {
						return event.keyCode;
					}
				}
				,
				getClipboardText: function(event){
					var clipboardData =  (event.clipboardData || window.clipboardData);
					return clipboardData.getData("text");
				}
				,
				getEvent: function(event){
					return event ? event : window.event;
				}
				,
				getRelatedTarget: function(event){
					if (event.relatedTarget){
						return event.relatedTarget;
					}
					else if (event.toElement){
						return event.toElement;
					}
					else if (event.fromElement){
						return event.fromElement;
					}
					else {
						return null;
					}
				}
				,
				getTarget: function(event){
					return event.target || event.srcElement;
				}
				,
				getWheelDelta: function(event){
					if (event.wheelDelta){
						return (client.engine.opera && client.engine.opera < 9.5 ? -event.wheelDelta : event.wheelDelta);
					}
					else {
						return -event.detail * 40;
					}
				}
				,
				preventDefault: function(event){
					if (event.preventDefault){
						event.preventDefault();
					}
					else {
						event.returnValue = false;
					}
				}
				,
				removeHandler: function(element, type, handler){
					if (element.removeEventListener){
						element.removeEventListener(type, handler, false);
					}
					else if (element.detachEvent){
						element.detachEvent("on" + type, handler);
					}
					else {
						element["on" + type] = null;
					}
				}
				,
				setClipboardText: function(event, value){
					if (event.clipboardData){
						event.clipboardData.setData("text/plain", value);
					}
					else if (window.clipboardData){
						window.clipboardData.setData("text", value);
					}
				}
				,
				stopPropagation: function(event){
					if (event.stopPropagation){
						event.stopPropagation();
					}
					else {
						event.cancelBubble = true;
					}
				}
			};
			var image = document.getElementById("myImage");
			EventUtil.addHandler(image, "load", function(event){
				event = EventUtil.getEvent(event);
				alert(EventUtil.getTarget(event).src);
			}
								);
		</script>
	</body>
</html>
文章分类
联系我们
电话: 18902328227
Email: 2689701946@qq.com
QQ: 2689701946
微信: 18902328227
地址: 广州番禺区繁华路
  • 在线客服
  • 关注微信
  • 联系电话
    • 欢迎咨询
    • 欢迎加入QQ群 303257430
  • 公众号:源宝网络
    • 联系电话及微信号 18902328227