第05章-事件處理_第1頁
第05章-事件處理_第2頁
第05章-事件處理_第3頁
第05章-事件處理_第4頁
第05章-事件處理_第5頁
已閱讀5頁，還剩47頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報或認(rèn)領(lǐng)

文檔簡介

JavaScript語言與Ajax應(yīng)用（第二版）主編董寧陳丹中國水利水電出版社第5章事件處理目錄第5章事件處理5.1瀏覽器中的事件5.2事件與DOM5.3用JavaScript處理事件

5.4事件處理高級應(yīng)用

5.1瀏覽器中的事件第5章事件處理事件是指用戶載入目標(biāo)頁面直到該頁面被關(guān)閉期間瀏覽器的動作及該頁面對用戶操作的響應(yīng)。事件的復(fù)雜程度大不相同，簡單的如鼠標(biāo)的移動、當(dāng)前頁面的關(guān)閉、鍵盤的輸入等，復(fù)雜的如拖曳頁面圖片或單擊浮動菜單等。事件處理器是與特定的文本和特定的事件相聯(lián)系的JavaScript腳本代碼，當(dāng)該文本發(fā)生改變或者事件被觸發(fā)時，瀏覽器執(zhí)行該代碼并進(jìn)行相應(yīng)的處理操作，而響應(yīng)某個事件而進(jìn)行的處理過程稱為事件處理。5.1瀏覽器中的事件第5章事件處理HTML文檔事件可以分為瀏覽器事件和HTML元素事件兩大類。在這里我們著重介紹瀏覽器事件。HTML文檔將元素的常用事件（如onclick、onmouseover等）當(dāng)作屬性捆綁在HTML元素上，當(dāng)該元素的特定事件發(fā)生時，對應(yīng)于此特定事件的事件處理器就被執(zhí)行，并將處理結(jié)果返回給瀏覽器。事件捆綁則將特定的代碼放置在其所處對象的事件處理器中。瀏覽器事件指載入文檔直到該文檔被關(guān)閉期間的瀏覽器事件，如瀏覽器載入文檔事件onload、關(guān)閉該文檔事件onunload、瀏覽器失去焦點事件onblur、獲得焦點事件onfocus等。第6章面向?qū)ο蟮母呒墤?yīng)用及C#語法新特性5.1瀏覽器中的事件第5章事件處理【例5-1】瀏覽器中的事件。<html><head><title>5-1</title><scripttype="text/javascript">window.onload=function(){varmsg="\nwindow.load事件:\n\n";msg+="瀏覽器載入了文檔!";alert(msg);}window.onfocus=function(){varmsg="\nwindow.onfocus事件:\n\n";msg+="瀏覽器取得了焦點!";alert(msg);}window.onblur=function(){varmsg="\nwindow.onblur事件:\n\n";msg+="瀏覽器失去了焦點!";alert(msg);}5.1瀏覽器中的事件第5章事件處理window.onscroll=function(){varmsg="\nwindow.onscroll事件:\n\n";msg+="用戶拖動了滾動條!";alert(msg);}window.onresize=function(){varmsg="\nwindow.onresize事件:\n\n";msg+="用戶改變了窗口尺寸!";alert(msg);}5.1瀏覽器中的事件第5章事件處理window.onscroll=function(){varmsg="\nwindow.onscroll事件:\n\n";msg+="用戶拖動了滾動條!";alert(msg);}window.onresize=function(){varmsg="\nwindow.onresize事件:\n\n";msg+="用戶改變了窗口尺寸!";alert(msg);}</script></head>5.1瀏覽器中的事件第5章事件處理<body><br/><p>載入文檔:</p><p>取得焦點:</p><p>失去焦點:</p><p>拖動滾動條:</p><p>變換尺寸:</p></body></html>當(dāng)載入該文檔時，觸發(fā)window.onload事件；當(dāng)把焦點給該文檔頁面時，觸發(fā)window.onfocus事件；當(dāng)該頁面失去焦點時，觸發(fā)window.onblur事件；當(dāng)用戶拖動滾動條時，觸發(fā)window.onscroll事件；當(dāng)用戶改變文檔頁面大小時，觸發(fā)window.onresize事件。5.2事件與DOM第5章事件處理JavaScript代碼的核心是由事件把所有東西融合在一起。在一個設(shè)計良好的JavaScript應(yīng)用程序里，都會擁有數(shù)據(jù)源（被解析為DOM的HTML文檔）和它的視覺的表示（瀏覽器顯示的HTML頁面）。為了同步這兩個方面，還必須監(jiān)視用戶的交互動作并試圖相應(yīng)地更新用戶界面。DOM和JavaScript事件的結(jié)合是任何現(xiàn)代Web應(yīng)用程序賴以工作的至關(guān)重要的組合。事件是DOM的一部分，在DOMLevel1中未定義任何事件，只在DOMLevel2中才定義了一小部分子集，完整的事件是在DOMLevel3中規(guī)定的。由于早前沒有標(biāo)準(zhǔn)指導(dǎo)，事件都是由瀏覽器開發(fā)者自己發(fā)明的模型實現(xiàn)的。盡管事件在不同的瀏覽器之間存在不同的DOM實現(xiàn)，但一些基本的性質(zhì)還是相同的。下面我們看看在DOM事件處理中的一些關(guān)鍵技術(shù)。5.2事件與DOM第5章事件處理1．事件流在二級DOM標(biāo)準(zhǔn)中，事件處理程序比較復(fù)雜，當(dāng)事件發(fā)生的時候，目標(biāo)節(jié)點的事件處理程序就會被觸發(fā)執(zhí)行，但是目標(biāo)節(jié)點的父節(jié)點也有機(jī)會來處理這個事件。事件的傳播分為三個階段，首先是捕捉階段，事件從document對象沿著DOM樹向下傳播到目標(biāo)節(jié)點，如果目標(biāo)的任何一個父節(jié)點注冊了捕捉事件的處理程序，那么事件在傳播的過程中就會首先運行這個程序；下一個階段就是發(fā)生在目標(biāo)節(jié)點自身了，注冊在目標(biāo)節(jié)點上的相應(yīng)的事件處理程序就會執(zhí)行；最后是起泡階段，事件將從目標(biāo)節(jié)點向上傳回給父節(jié)點，同樣，如果父節(jié)點有相應(yīng)的事件處理程序也會處理。在IE中，沒有捕捉的階段，但是有起泡的階段?？梢杂胹topPropagating()方法來停止事件傳播，也就是讓其他元素對這個事件不可見，在IE6中，就是把cancelBubble設(shè)置為true。5.2事件與DOM第5章事件處理2．注冊事件處理程序和IE一樣，DOM標(biāo)準(zhǔn)也有自己的事件處理程序，不過DOM二級標(biāo)準(zhǔn)的事件處理程序比IE的強(qiáng)大一些，事件處理程序的注冊用addEventListner()方法，該方法有三個參數(shù)，第一個是事件類型，第二個是處理的函數(shù)，第三個是一個布爾值。true表示制定的事件處理程序?qū)⒃谑录鞑サ碾A段用于捕捉事件，否則就不捕捉；當(dāng)事件發(fā)生在對象上才觸發(fā)執(zhí)行這個事件處理的函數(shù)，或者發(fā)生在該對象的字節(jié)點上，并且向上起泡到這個對象上的時候，觸發(fā)執(zhí)行這個事件處理的函數(shù)。例如：document.addEventListener("mousemove",moveHandler,true);5.2事件與DOM第5章事件處理3．二級DOM標(biāo)準(zhǔn)中的Event和IE不同的是，W3CDOM中的Event對象并不是window全局對象下面的屬性，換句話說，event不是全局變量。通常在DOM二級標(biāo)準(zhǔn)中，event作為發(fā)生事件的文檔對象的屬性。Event對象含有兩個子接口，分別是UIEvent和MutationEvent，這兩個子接口實現(xiàn)了Event對象的所有方法和屬性，而MouseEvent接口又是UIEvent的子接口，所以實現(xiàn)了UIEvent和Event的所有方法和屬性。5.3用JavaScript處理事件第5章事件處理5.3.1利用偽鏈接處理事件所謂偽鏈接是人們對非標(biāo)準(zhǔn)化通信機(jī)制的統(tǒng)稱。而“真”鏈接特指那些用來在因特網(wǎng)上的兩臺計算機(jī)之間傳輸各種數(shù)據(jù)包的標(biāo)準(zhǔn)化通信機(jī)制，如：http://、ftp://等。JavaScript偽鏈接就是使用a標(biāo)簽的href屬性來運行JavaScript的一種方法，例如：<ahref=“javascript:callback()">link</a>當(dāng)你點擊這個鏈接的時候，頁面不發(fā)生跳轉(zhuǎn)，但是會運行callback()這個方法。在多數(shù)支持JavaScript腳本的瀏覽器中，可以通過JavaScript偽URL地址調(diào)用語句來引入JavaScript腳本代碼。5.3用JavaScript處理事件第5章事件處理5.3.2內(nèi)聯(lián)的事件處理在一個元素的屬性中綁定事件，實際上就創(chuàng)建了一個內(nèi)聯(lián)事件處理函數(shù)，比如：<h1onclick="alert(this);"...>...</h1>通過事件屬性，事件處理函數(shù)也可以直接用到HTML元素上。5.3用JavaScript處理事件第5章事件處理1．內(nèi)聯(lián)事件處理函數(shù)的作用域鏈與其他函數(shù)不同，內(nèi)聯(lián)事件處理函數(shù)的作用域鏈從頭部開始依次是：調(diào)用對象、該元素的DOM對象、該元素所屬表單的DOM對象（如果有）、document對象、window對象（全局對象）。比如下面代碼：<formaction="."method="get"><inputtype="button"value="compatMode"onclick="alert(compatMode);"/></form>5.3用JavaScript處理事件第5章事件處理就相當(dāng)于：<formaction="."method="get"><inputtype="button"value="compatMode"/></form><scripttype="text/javascript">document.getElementsByTagName("input")[0].onclick=function(){with(document){with(this.form){with(this){alert(compatMode);}}}}</script>5.3用JavaScript處理事件第5章事件處理2．內(nèi)聯(lián)事件處理函數(shù)的作用域鏈在各瀏覽器中的差異各瀏覽器都會將內(nèi)聯(lián)事件處理函數(shù)所屬的元素的DOM對象加入到作用域鏈中，但加入的方式卻是不同的。如以下代碼：<inputtype="button"value="hello"onclick="alert(value);">在所有瀏覽器中，都將彈出顯示“hello”的對話框。5.3用JavaScript處理事件第5章事件處理再修改代碼改變input元素的內(nèi)聯(lián)事件處理函數(shù)的執(zhí)行上下文：<inputtype="button"value="hello"onclick="alert(value);"/><scripttype="text/javascript">vartarget=document.getElementsByTagName("input")[0];varo={onclick:target.onclick,value:"Hi,I'mhere!"};o.onclick();</script>在IE瀏覽器中運行的結(jié)果為彈出顯示“Hi,I'mhere!”的對話框，在Firefox中運行的結(jié)果為彈出顯示“hello”的對話框。5.3用JavaScript處理事件第5章事件處理5.3.3無侵入的事件處理很多情況下，JavaScript代碼往往內(nèi)嵌在HTML文件的元素標(biāo)簽內(nèi)。例如，下面是一個典型的JavaScript代碼內(nèi)嵌在HTML文件的元素標(biāo)簽內(nèi)：<inputtype="text"name="date"onchange="validateDate(this);"/>然而，HTML主要是用來描述頁面的結(jié)構(gòu)，而不是實現(xiàn)行為的。倘若將二者結(jié)合在一起會直接影響網(wǎng)站的可維護(hù)性，所以不推薦這兩者相結(jié)合。5.3用JavaScript處理事件第5章事件處理現(xiàn)在編寫JavaScript代碼都是為了使它與HTML頁面非侵入地交互。為實現(xiàn)這一點，可以結(jié)合三種技術(shù)來使一個Web應(yīng)用程序以非侵入的形式被構(gòu)造：首先，Web應(yīng)用程序中的所有功能都應(yīng)經(jīng)過驗證。比如說，如果你希望訪問DOM，你需要驗證它存在且具有你需要使用的所有的功能，比如使用如下代碼：if(document&&document.getElementById)然后，使用DOM來快速而一致地訪問你文檔中的元素。最后，使用DOM和addEvent函數(shù)動態(tài)地將所有事件綁定到文檔中。5.3用JavaScript處理事件第5章事件處理5.3.4window.onload事件操作HTMLDOM文檔的一個難題是，JavaScript代碼可能在DOM完全載入之前運行，這會導(dǎo)致代碼產(chǎn)生一些問題。頁面加載時瀏覽器內(nèi)部操作的順序大致是這樣的：HTML被解析

外部腳本/樣式表被加載

文檔解析過程中內(nèi)聯(lián)的腳本被執(zhí)行

HTMLDOM構(gòu)造完成

圖像和外部內(nèi)容被加載

頁面加載完成。5.3用JavaScript處理事件第5章事件處理1．等待大部分DOM加載在HTML頁面中內(nèi)聯(lián)的JavaScript代碼實際上是在DOM構(gòu)造過程中解析到了代碼就執(zhí)行的。這就是說如果有一段內(nèi)聯(lián)的JavaScript代碼嵌在頁面的中間部分，則該JavaScript代碼只能立即擁有前半部分DOM的訪問權(quán)。然而，把JavaScript代碼作為后續(xù)的元素嵌入頁面中，就意味著我們能夠有效地對先于它出現(xiàn)的所有的DOM元素進(jìn)行訪問，獲得一種虛擬的模擬DOM加載的方式。

5.3用JavaScript處理事件第5章事件處理<html><head><title>TestingDOMLoading</title><scripttype="text/javascript">functioninit(){alert("TheDOMisloaded!");document.getElementsByTagName("h1")[0].style.border="4pxsolidblack";}</script></head><body><h1>TestingDOMLoading</h1><!--這里是大量的HTML--><scripttype="text/javascript">init();</script></body></html>5.3用JavaScript處理事件第5章事件處理2．判斷DOM何時加載完成這是一種可用來監(jiān)視DOM加載的技術(shù)。這一技術(shù)的原理是在不阻塞瀏覽器的前提下盡可能快地反復(fù)檢查DOM是否已經(jīng)具有了所需的特性。5.3用JavaScript處理事件第5章事件處理有下面幾種方式可以用來檢查以判斷DOM是否已經(jīng)可以操作了：①document：用來檢查DOMdocument是否已經(jīng)存在；②document.getElementsByTagName()和document.getElementByID()：檢查document是否已經(jīng)具備了經(jīng)常使用的getElementsByTagName()和getElementById()函數(shù)，這些函數(shù)將在它們準(zhǔn)備好被使用以后存在；③document.body：作為額外的保障，檢查body元素是否已完成被載入。5.3用JavaScript處理事件第5章事件處理【例5-2】使用domReady()函數(shù)在判定DOM何時準(zhǔn)備好需要被獲取和操作的元素。<html><head><title>5-2</title><scripttype="text/javascript"src="domready.js"></script><scripttype="text/javascript">domReady(function(){alert("TheDOMisloaded!");document.getElementsByTagName("h1")[0].style.border="4pxsolidblack";});</script></head><body><h1>TestingDOMLoading</h1><!--這里是大量的HTML--></body></html>5.3用JavaScript處理事件第5章事件處理5.3.5利用DOM綁定事件怎樣將事件處理程序綁定到頁面元素是JavaScript語言一直以來不斷推進(jìn)的追求。起初，瀏覽器強(qiáng)制用戶將事件處理代碼內(nèi)聯(lián)地寫在HTML代碼中。當(dāng)IE與NetScape（FireFox的前生）激烈競爭的時候，它們各自開發(fā)出兩個獨立但又非常相似的注冊事件的模型，最終NetScape的模型被修改成為W3C標(biāo)準(zhǔn)，而IE的則保持不變。目前存在三種可用的注冊事件的方式，傳統(tǒng)方式是老式的內(nèi)聯(lián)附加事件處理函數(shù)方式的一個分支，但是它很可靠而并能一致地工作，另外兩種是IE和W3C的注冊事件的方式。5.3用JavaScript處理事件第5章事件處理5.3.6對不同瀏覽器綁定事件綁定事件偵聽器的最大問題，就是IE和其他瀏覽器的處理方式不一祥。下面我們看一下對不同瀏覽器如何綁定事件偵聽器。5.3用JavaScript處理事件第5章事件處理1．W3C標(biāo)準(zhǔn)W3C中的DOM元素綁定事件處理函數(shù)的方法是這方面唯一真正的標(biāo)準(zhǔn)方式。除了IE，所有其它的現(xiàn)代瀏覽器都支持這一事件綁定的方式。綁定事件處理函數(shù)的代碼很簡單，它作為每一個DOM元素的名為addEventListener的方法存在，接收3個參數(shù)：事件的名稱（如click），處理事件的函數(shù)，以及一個來用使用或禁用事件捕獲的布爾標(biāo)志。5.3用JavaScript處理事件第5章事件處理2．在IE瀏覽器中綁定事件在許多方面，IE的綁定事件的方式看起來跟W3C的非常相似。但是，觸及細(xì)節(jié)的時候，它又在某些方面有著非常顯著的不同。下面代碼是IE中綁定事件處理函數(shù)的一些例子。//找到第一個<form>元素并為它附加“提交”事件處理函數(shù)document.getElementsByTagName("form")[0].attachEvent('onsubmit',function(){//具體代碼

…});5.3用JavaScript處理事件第5章事件處理//為文檔的body元素附加一個按鍵事件處理函數(shù)document.body.attachEvent('onkeypress',myKeyPressHandler);//為頁面的加載事件附加一個處理函數(shù)window.attachEvent('onload',function(){…});IE所用的綁定事件的方法叫做attachEvent()，它只有兩個參數(shù)：事件名稱（帶on前綴）和要調(diào)用的事件處理函數(shù)。element.attachEvent('onclick'，functionname);5.3用JavaScript處理事件第5章事件處理為了讓我們的頁面能在所有瀏覽器上都有效，只得分別用兩段代碼，將添加事件監(jiān)聽器的代碼封裝成一個可重用的函數(shù)，代碼如下：functionaddListener(element,event,listener){if(element.addEventListener){element.addEventListener(event,listener,false);}elseif(element.attachEvent){element.attachEvent('on'+event,listener);}}5.3用JavaScript處理事件第5章事件處理5.3.7事件參數(shù)this關(guān)鍵字提供了一種在函數(shù)作用域中的訪問當(dāng)前對象的方式。瀏覽器使用this關(guān)鍵字給所有的事件處理函數(shù)提供上下文信息。我們可以只建立一個通用的函數(shù)來處理所有點擊而通過this關(guān)鍵來確定作用于哪一個元素，它將如預(yù)期地工作。5.3用JavaScript處理事件第5章事件處理//查看所有的<li>元素并給每一個綁定click處理函數(shù)varli=document.getElementsByTagName("li");for(vari=0;i<li.length;i++){li[i].onclick=handleClick;}//click處理函數(shù)，調(diào)用時改變特定元素的前景色和背景色functionhandleClick(){this.style.backgroundColor="blue";this.style.color="white";}上面的程序運行時，在點擊頁面中的li元素時能改變其背景色。5.3用JavaScript處理事件第5章事件處理5.3.8取消事件默認(rèn)行為在知道怎么調(diào)用事件的同時，有時候我們也需要取消事件。比如在驗證表單的時候，如果用戶輸入了無效數(shù)據(jù)，那么我們需要告訴瀏覽器阻止表單提交。5.3用JavaScript處理事件第5章事件處理下面看一下密碼驗證的例子：varpasscode=document.getElementById("passcode");passcode.regexp=/^[0-9]+$/;document.getElementById("frm").onsubmit=function(){varpasscode=document.getElementById("passcode");if(!passcode.regexp.test(passcode.value)){alert('密碼格式不正確！');returnfalse;}}5.4事件處理高級應(yīng)用第5章事件處理5.4.1事件的捕捉與冒泡事件觸發(fā)的時候，首先從最高層的文檔開始，向下傳播到實際發(fā)生單擊的元素（捕捉階段），然后反過來向上傳播事件（冒泡階段）。在這種W3C標(biāo)準(zhǔn)方式里，事件處理器可以放在任意一個階段。如果在捕捉階段停止了事件，下方的元素就不會接收到事件。類似地，在冒泡階段也可以停止事件，不讓它繼續(xù)向上冒泡。5.4事件處理高級應(yīng)用第5章事件處理圖5-1事件捕捉和事件冒泡圖5-1顯示的就是事件捕捉和事件冒泡的流程。5.4事件處理高級應(yīng)用第5章事件處理冒泡型事件的基本思想是：事件按照從最特定的事件目標(biāo)到最不特定的事件目標(biāo)（document對象）的順序觸發(fā)。例如，如果有下面的頁面：<html><head><title>冒泡過程</title></head><bodyonclick="handleClick()"><divonclick="handleClick()">ClickMe</div></body></html>5.4事件處理高級應(yīng)用第5章事件處理如果用戶使用IE瀏覽器并點擊了頁面中的div元素，則事件按以下順序“冒泡”：div、body、html、document。5.4事件處理高級應(yīng)用第5章事件處理DOM同時支持兩種事件模型：捕獲型事件和冒泡型事件。但是，捕獲型事件先發(fā)生。兩種事件流會觸及DOM中的所有對象，從document對象開始，也在document對象結(jié)束（大部分兼容標(biāo)準(zhǔn)的瀏覽器會繼續(xù)將事件的捕獲/冒泡延伸至windows對象）。再考慮前面的例子，在與DOM兼容的瀏覽器中點擊div元素時，事件流的進(jìn)行如圖5-4所示：5.4事件處理高級應(yīng)用第5章事件處理圖5-4DOM事件流

5.4事件處理高級應(yīng)用第5章事件處理5.4.2使用事件委托有時候要綁定的元素實在太多，需要頻繁地在DOM中增加響應(yīng)某些事件的新元素，一個個地添加事件處理實在太繁瑣，這時可以使用事件委托。事件冒泡使得DOM遠(yuǎn)離事件發(fā)生地的上層元素也能接收到事件（如圖5-6所示），這就是事件委托的基本原理。我們可以在上層接收事件，然后通過事件對象的target屬性（IE中是srcElement屬性）判斷事件到底來源于那個元素。5.4事件處理高級應(yīng)用第5章事件處理下面我們設(shè)計一個簡單的代碼來演示什么是事件委托?！纠?-3】事件委托實例。<html><head><title>5-3</title><styletype="text/css">li{padding:80px20px;width:200px;list-style:none;float:left;border:1pxsolidblue;text-align:center;}</style>5.4事件處理高級應(yīng)用第5章事件處理

<scripttype="text/javascript">functioncheckPiece(evt){varevt=evt||window.event;vartarget=evt.target||evt.srcElement;alert(target.innerHTML);}window.onload=function(){varel=document.getElementById('pieces');el.onclick=checkPiece;}</script></head>5.4事件處理高級應(yīng)用第5章事件處理

<body><ulid="pieces"><li>鯊魚</li><li>獅子</li><li>老虎</li><li>大象</li><li>海豚</li><li>松鼠</li><li>犀牛</li><li>斑馬</li></ul></body></html>5.4事件處理高級應(yīng)用第5章事件處理1．搜索冒泡中遇到的元素查找過程中從

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論