html的DOM中Event對象onblur事件用法實例

本文實例講述了html的DOM中Event對象onblur事件用法。分享給大家供大家參考。具體分析如下：

onblur 事件會在對象失去焦點時發(fā)生。

語法如下：

復制代碼 代碼如下:

οnblur="SomeJavaScriptCode"

SomeJavaScriptCode 必需。規(guī)定該事件發(fā)生時執(zhí)行的 JavaScript。

支持該事件的 HTML 標簽：

, ,

, , , , , ,

, , , , , , , ,, , , , , to , , ,

, , , , , , , ,

,

,

,

, , , ,

, _{, ^,}

, , , , ,, , , , ,

支持該事件的 JavaScript 對象：

button, checkbox, fileUpload, layer, frame, password,

radio, reset, submit, text, textarea, window

例子：在用戶離開輸入框時執(zhí)行 JavaScript 代碼：

復制代碼 代碼如下:

function upperCase()

{

var x=document.getElementById("fname").value

document.getElementById("fname").value=x.toUpperCase()

}

輸入您的姓名：

希望本文所述對大家的javascript程序設計有所幫助。

時間： 2015-01-20

但感覺這樣寫很沒意思. jquery的優(yōu)勢就是簡單的代碼就能帶來更好的用戶體驗. 所以就找?guī)讉€我感覺實用的例子,拿出來介紹下.順帶把其中用到的操作和事件介紹下. html代碼: jquery代碼: 復制代碼 代碼如下: $(document).ready(function(){ $('#address').focus(function(

今天這個demo是有關下拉框的. 復制代碼 代碼如下:

選項10){} 或者if($("#tt")[0]){}; 2, 基本選擇器 $("#test") 選擇id為test的元素 $(".test

對于用戶事件類型而言,最常用的是鼠標.鍵盤.瀏覽器. 1.鼠標事件: 鼠標的事件都頻繁使用,下面例子就測試各種鼠標事件 復制代碼 代碼如下:

1.冒泡型事件 瀏覽器的事件模型分兩種:捕獲型事件和冒泡型事件.由于ie不支持捕獲型事件,所以以下主要以冒泡型事件作為講解. (dubbed bubbling)冒泡型指事件安裝最特定的事件到最不特定的事件逐一觸發(fā). 復制代碼 代碼如下:

??????? ???????????

與keypress不同的是,該事件只會在用戶輸入可視字符時觸發(fā),而keypres事件則只要按下鍵即觸發(fā)(如CapsLock,Backspace). 可看到textInput考慮的主要是字符,可以通過事件對象的data屬性獲取所輸入字符. 示例 DOM3 event textInput function addEvent(el,type,fn){ if(el.addEventListener){ el.addEventListener(type, fn, false); }else{ el.att

很顯然,這樣做能提升更好的用戶體驗. html代碼: 復制代碼 代碼如下:

用戶名:

瀏覽器中的事件都是以對象的形式存在的,同樣ie瀏覽器與標準dom瀏覽器之間存在獲取事件對象上也存在差別.在ie瀏覽器中事件對象是windows對象的一個屬性event,訪問通常采用如下方法. 復制代碼 代碼如下: oP.onclick = function(){ var oEvent = window.event; } 盡管它是window對象屬性,但event對象還是只能在事件發(fā)生時被訪問,所有的事件處理函數(shù)執(zhí)行完之后,該對象就消失了. 而標準的dom規(guī)定event對象必須作為唯一的參數(shù)傳給事

本文實例講述了html的DOM中Event對象onabort事件用法.分享給大家供大家參考.具體分析如下: onabort 事件會在圖像加載被中斷時發(fā)生. 當用戶在圖像完成載入之前放棄圖像的裝載(如單擊了 stop 按鈕)時,就會調用該句柄. 語法: 復制代碼 代碼如下: οnabοrt="SomeJavaScriptCode" SomeJavaScriptCode 必需.規(guī)定該事件發(fā)生時執(zhí)行的 JavaScript. 支持該事件的 HTML 標簽: 支持該事件

在之前dom操作中提到了javascript對事件處理的介紹.由于不同瀏覽器處理事件各不相相同,這給開發(fā)者帶來了不必要的麻煩,jQuery的方便的解決了這個方面的麻煩. 1.綁定事件監(jiān)聽 (http://www.jb51.net/article/60096.htm)對事件的監(jiān)聽做了詳細的介紹,看到了iE和DOM標準瀏覽器對待事件監(jiān)聽的區(qū)別,并對多個監(jiān)聽事件執(zhí)行順序和方式也不相同. 在jQuery中,通過bind()對事件綁定,相當于IE瀏覽器的attachEvent()和標準DOM的addEve

unbind([type],[data]) 是 bind()的反向操作,從每一個匹配的元素中刪除綁定的事件.如果沒有參數(shù),則刪除所有綁定的事件.你可以將你用bind()注冊的自定義事件取消綁定.如果提供了事件類型作為參數(shù),則只刪除該類型的綁定事件.如果把在綁定時傳遞的處理函數(shù)作為第二個參數(shù),則只有這個特定的事件處理函數(shù)會被刪除. 返回值 : jQuery 參數(shù) : type (String) : (可選) 事件類型 data (Function) : (可選) 要從每個匹配元素的事件中反綁定的事

在實際開發(fā)中會遇到要給動態(tài)生成的html元素綁定觸發(fā)事件的情況:

假設我們要給ul動態(tài)添加的綁定click事件形成如下結果 apple

這篇文章主要介紹了微信小程序頁面調用自定義組件內的事件詳解,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下 page page.json { "usingComponents": { "my-component": "../components/component/component", } } page.wxml

定義和用法 fadeOut() 方法逐漸改變被選元素的不透明度,從可見到隱藏(褪色效果). 注釋:隱藏的元素不會被完全顯示(不再影響頁面的布局). 提示:該方法通常與 fadeIn() 方法一起使用. 語法 $(selector).fadeOut(speed,easing,callback) 1. 概述 jquery實現(xiàn)動畫效果的函數(shù)使用起來很方便,不過動畫執(zhí)行是異步的,所以要把自定義的操作放在回調函數(shù)里. 2. example

俗說好記性不如個爛筆頭,下面是jquery中的ajax方法參數(shù)詳解,這里整理了一些供大家參考. 1.url: 要求為String類型的參數(shù),(默認為當前頁地址)發(fā)送請求的地址. 2.type: 要求為String類型的參數(shù),請求方式(post或get)默認為get.注意其他http請求方法,例如put和delete也可以使用,但僅部分瀏覽器支持. 3.timeout: 要求為Number類型的參數(shù),設置請求超時時間(毫秒).此設置將覆蓋$.ajaxSetup()方法的全局設置. 4.async:

jQuery:unbind方法的使用詳解 一.前言 unbind方法只能解綁用jQuery的bind方法以及用jquery方法注冊的事件處理程序.比如:$('a').click(function(){})可以通過unbind解綁.用原生addEventListener以及IE下的attachEvent注冊的事件以及使用onclick/onmouseover屬性綁定的事件不能通過unbind進行解綁. 例如: 以下的事件可以通過unbind解綁: $('a').click(function(){}

先在官網下載easyui文檔 引入頭部文件

總結

以上是生活随笔為你收集整理的html dom onblur,html的DOM中Event对象onblur事件用法实例的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。