Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
前言寫點啥呢?實在不知道該說些什么。直接開始我們JavaScript系列的Event內容吧。
一、什么是Event
JavaScript與HTML的交互是通過用戶或瀏覽器操作頁面時發生的事件(Event)來處理的。
當頁面加載時,它被稱為事件(Event)。當用戶單擊按鈕時,單擊也是一個事件(Event)。其他示例包括按任意鍵、關閉窗口、調整窗口大小等事件(Event)。
我們可以使用這些事件(Event)來執行JavaScript的響應,比如響應按鈕、向用戶顯示消息、驗證數據,等等。
事件(Event)是文檔對象模型(DOM)級別3(原文:Document Object Model (DOM) Level 3)的一部分,每個HTML元素都包含一組可以觸發JavaScript代碼的事件(Event)。
接下來,我們通過幾個來理解一番:
二、onclick事件
這是用戶單擊鼠標左鍵時最常用的事件類型。上demo:
三、onsubmit事件
onsubmit是我們進行form表單時的事件。
接下來讓我們通過一個demo來了解如何使用onsubmit。在向Web服務器提交表單數據之前,我們將調用validate()。如果validate()返回true,則將提交表單,否則將不提交數據。
PS:這里涉及的都是一些偽碼,此外涉及一些前后端交互的內容。由于篇幅原理,這里不會過多的涉及。
四、onmouseover和onmouseout事件
估計大家看名字就能猜到它們的作用吧?沒錯,當鼠標移到任何元素上時,onmouseover事件將觸發;而當鼠標移出該元素時,onmouseout將觸發。
上demo:
五、HTML 5標準Events
由于H5事件比較的,這里簡單羅列幾個,更多內容,大家有興趣可以前往官網一看究竟。
......
最近文章寫的有點多,內容質量不知道還能不能入各位的法眼...歇一歇有些累。
avaScript 事件是由訪問 Web 頁面的用戶引起的一系列操作,例如:用戶點擊。當用戶執行某些操作的時候,再去執行一系列代碼。
事件一般是用于瀏覽器和用戶操作進行交互。最早是 IE 和 Netscape Navigator 中出現 ,作為分擔服務器端運算負載的一種手段。 直到幾乎所有的瀏覽器都支持事件處理。 而 DOM2級規范開始嘗試以一種復合邏輯的方式標準化 DOM 事件。JavaScript 有三種事件模型:內聯模型、腳本模型和 DOM2 模型。
這種模型是最傳統接單的一種處理事件的方法。 在內聯模型中, 事件處理函數是 HTML標簽的一個屬性,用于處理指定事件。雖然內聯在早期使用較多,但它是和 HTML 混寫的 ,并沒有與 HTML 分離。
//在 HTML 中把事件處理函數作為屬性執行 JS 代碼
<input type="button" value="按鈕" onclick="alert('Lee');" /> //注意單雙引號
//在 HTML 中把事件處理函數作為屬性執行 JS 函數
<input type="button" value="按鈕" onclick="box();" /> //執行 JS 的函數
函數不得放到 window.onload 里面,這樣就看不見了。
由于內聯模型違反了 HTML 與 JavaScript 代碼層次分離的原則。為了解決這個問題, 我
們可以在 JavaScript 中處理事件。這種處理方式就是腳本模型。
var input=document.getElementsByTagName('input')[0]; //得到 input 對象
input.onclick=function () { //匿名函數執行
alert('Lee');
};
TML中不同的屬性支持略有區別。所謂的通用屬性即全局屬性,是所有元素都支持的一些屬性,mdn里解釋如下
全局屬性是所有HTML元素共有的屬性; 它們可以用于所有元素,即使屬性可能對某些元素不起作用。
我們可以在所有的HTML元素上指定全局屬性,甚至是在標準里沒有指定的元素。這意味著任何非標準元素仍必須能夠應用這些屬性,即使使用這些元素意味著文檔不再是html5兼容的。例如,雖然<foo>不是一個有效的HTML元素,但是html5兼容的瀏覽器隱藏了標記為<foo hidden>...<foo>的內容。
除了基本的HTML全局屬性之外,還存在以下全局屬性:
H5保留的常用全局屬性
HTML新增的全局屬性
*請認真填寫需求信息,我們會在24小時內與您取得聯系。