亚洲免费在线-亚洲免费在线播放-亚洲免费在线观看-亚洲免费在线观看视频-亚洲免费在线看-亚洲免费在线视频

事件封裝(多個函數綁定一個事件,預計這樣解釋

系統 1923 0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
? ? ? ? "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
? ? <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
? ? <!--<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />-->
? ? <title></title>
? ? <style type="text/css">
? ? ? ? .red{width:100px;height:100px;background:red;}
? ? ? ? .blue{width:100px;height:100px;background:blue;}
? ? </style>
? ? <script type="text/javascript">
? ?/* window.onload=function(){
? ? ? ?alert("Lee");
? ?}
? ? ? ? if(typeof window.onload=="function"){
? ? ? ? ? ? var saved=null;
? ? ? ? ? ? saved=window.onload;
? ? ? ? }
? ? ? ? window.onload=function(){
? ? ? ? if(saved){
? ? ? ? ? ? saved();
? ? ? ? }
? ? ? ? ?alert("Mr.Lee");
}*/
? ?//傳統綁定機制
/* ? window.onload=function(){
? ? ? ? ?var box=document.getElementById("box");


? ? ? ? ? ? box.onclick=function() {
? ? ? ? ? ? ? ? alert("Lee");
? ? ? ? ? ? ? ? toRed().call(this);
? ? ? ? ? ? }
? ? ? ? }
? ? ? ? function toRed(){
? ? ? ? ? ?// alert(this)
? ? ? ? ? ? this.className="red";
? ? ? ? ? ? this.onclick=toBlue;
? ? ? ? }
? ? ? ? function toBlue(){
? ? ? ? ? ? this.className="blue";
? ? ? ? ? ? this.onclick=toRed;
? ? ? ? }


*/
? ?/* window["onload"]=function(){
? ? alert("Lee");
? ? }*/
? ? /* function addEvent(obj,type,fn) {
? ? ? ? ?var saved = null;
? ? ? ? ?if (typeof obj['on' + type] == "function") {
? ? ? ? ? ? ?saved = obj['on' + type];//保存上一個事件
? ? ? ? ?}
? ? ? ? ?//運行事件
? ? ? ? ?obj['on' + type] = function () {
? ? ? ? ? ? ?if(saved)saved();//先運行上一個事件
? ? ? ? ? ? ?fn();
? ? ? ? ?}
? ? ?}
? ? ? ?addEvent(window,"load",function(){
? ? ? ?alert("Lee");
? ?})
? ?addEvent(window,"load",function(){
? ? ? ?alert("Leesss");
? ?}) */

*****************風格線*********這里才是本章高潮處*******************************************************************


? ? //當不斷點擊的時候,瀏覽器就會卡死,而且報錯:too muchrecursion,太多的遞歸
? ? //由于積累了太多保存的事件
? ? //解決方式,就是用完事件就馬上清除
? ?//移除事件
?
?function removeEvent(obj,type){
? ? ? ?if(obj["on"+type]) obj["on"+type]=null;
? ?}
? ?//加入事件
? ?function addEvent(obj,type,fn) {
? ? ? ?var saved = null;
? ? ? ?if (typeof obj['on' + type] == "function") {
? ? ? ? ? ?saved = obj['on' + type]; //保存上一個事件
? ? ? ?}
? ? ? ?//運行事件
? ? ? ? obj['on' + type] = function () {
? ? ? ? ? ?if(saved)saved.call(this) ;//先運行上一個事件
? ? ? ? ? ?fn.call(this);/ /這兩個地方要加個call呢 不然一會this就指向window了
? ? ? ?}
? ?}


? ?addEvent(window,'load',function(){
? ? ? ?var box=document.getElementById("box");
? ? ? addEvent(box,'click',toRed); //this 沒有傳遞過去
? ?})
? function toRed(){
? ? ? ?this.className="red";
? ? ? removeEvent(this,'click'); //移除事件函數
? ? ? ?addEvent(this,'click',toBlue) ;//加入事件函數
? ?}
? ?function toBlue(){
? ? ? ?this.className="blue";
? ? ? ?removeEvent(this,'click') ;//移除事件函數
? ? ? ? addEvent(this,'click',toRed); //加入事件函數
? ?}




? ? </script>
</head>
<body>
<div id="box" class="blue">測算點</div>
</body>

</html>

事件封裝(多個函數綁定一個事件,預計這樣解釋不正確) 事件封裝(多個函數綁定一個事件,預計這樣解釋不正確)

事件封裝(多個函數綁定一個事件,預計這樣解釋不正確)


更多文章、技術交流、商務合作、聯系博主

微信掃碼或搜索:z360901061

微信掃一掃加我為好友

QQ號聯系: 360901061

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。

【本文對您有幫助就好】元

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描上面二維碼支持博主2元、5元、10元、自定義金額等您想捐的金額吧,站長會非常 感謝您的哦!??!

發表我的評論
最新評論 總共0條評論
主站蜘蛛池模板: 亚洲日韩成人 | 日韩精品一区二区三区视频 | 四虎精品影院4hutv四虎 | 精品日产1区2区 | 免费观看日本高清a毛片 | 成人毛片免费 | 狠狠色噜噜狠狠狠狠黑人 | 香蕉依依精品视频在线播放 | 久久草在线观看 | 一级高清在线观看影片 | 欧美性色xo影院在线观看 | www.中文字幕| 老司机亚洲精品影视www | se01国产短视频在线观看 | 中文字幕日韩精品亚洲七区 | 伊人高清 | 天天操天天干天天 | 亚洲精品高清视频 | 亚洲国产精品乱码在线观看97 | 老子午夜精品我不卡影院 | 日本在线观看成人小视频 | 久久国产高清一区二区三区 | 精品国产高清自在线一区二区三区 | 品色视频 | 国产成人高清亚洲一区91 | 天天夜碰日日摸日日澡 | 五月久久婷婷综合片丁香花 | 国产精品日本一区二区在线看 | 久久er99热精品一区二区 | 337p亚洲精品色噜噜狠狠 | 网友自拍视频悠悠在线 | 天天射天天添 | 欧美国产片 | 成人精品一区二区久久久 | 亚洲精品美女国产一区 | 青草资源站 | 女人18毛片a级 | 国产精品爱啪在线线免费观看 | 97se亚洲综合 | 三级a做爰大乳在线观看 | 色偷偷亚洲第一成人综合网址 |