javascript編程起步(第六課)
更新時(shí)間:2007年02月27日 00:00:00 作者:
mouseDown事件和mouseUp事件
大家知道,mouseDown事件和mouseUp事件的組合就是click事件,但是如果在鏈接上按下鼠標(biāo),并移到鏈接之外在放開(kāi)鼠標(biāo),那么就只有mouseD
own事件了。這兩個(gè)事件可以增加圖標(biāo)按鈕的圖像效果,
至于mouseDown和mouseUp的屬性,它們是伴隨著Click事件發(fā)生的,這和keyPress事件是keyDown事件和keyUp事件組合而成的機(jī)制是一樣的
,這3個(gè)鼠標(biāo)事件也有modifier屬性。
(注意:如果在onClick事件處理中使用return語(yǔ)句,它可以接收任何數(shù)值。只要這個(gè)值不是False,瀏覽器就可以完成提交。但如果瀏覽
器得到的是False值,表單提交操作就會(huì)被取消。)
Click事件和dbClick事件
onClick是單擊事件,onDblClick是雙擊事件,而實(shí)際上很難分清連續(xù)的單擊和雙擊。它們會(huì)互相干擾。而且在ie和其他瀏覽器的情況還有
不同。有的瀏覽器是雙擊事件的每一次單擊都會(huì)觸發(fā)單擊事件,而在ie中,只有雙擊事件的第一次單擊會(huì)觸發(fā)單擊事件。不管怎么樣,單擊事
件都不會(huì)自動(dòng)的取消或被忽略。因此,如果想使用單擊和雙擊一個(gè)鏈接時(shí)觸發(fā)兩個(gè)完全不同的過(guò)程,則必須通過(guò)編程來(lái)延遲單擊的動(dòng)作知道雙
擊。
例:
<script>
var timer=null;
document.onclick=new Function("timer=setTimeout(click,500)")
document.ondblclick=new Function("clearTimeout(timer);dblclick()")
function click(){
alert("click")
}
function dblclick(){
alert("dblclick")
}
</script>
在高版本的瀏覽器中,鏈接的這兩種事件處理程序都監(jiān)視那些使得腳本阻止鏈接的特殊行為。
例如:在想要的導(dǎo)航到另一個(gè)頁(yè)面之前進(jìn)行某些數(shù)據(jù)項(xiàng)的確認(rèn),如果某些域填得不正確,可以提醒并終止鏈接。要實(shí)現(xiàn)這種確認(rèn),必須在
事件處理程序得最后一條語(yǔ)句或者事件處理程序自身返回True或False。如果返回False就終止鏈接。
大家知道,mouseDown事件和mouseUp事件的組合就是click事件,但是如果在鏈接上按下鼠標(biāo),并移到鏈接之外在放開(kāi)鼠標(biāo),那么就只有mouseD
own事件了。這兩個(gè)事件可以增加圖標(biāo)按鈕的圖像效果,
至于mouseDown和mouseUp的屬性,它們是伴隨著Click事件發(fā)生的,這和keyPress事件是keyDown事件和keyUp事件組合而成的機(jī)制是一樣的
,這3個(gè)鼠標(biāo)事件也有modifier屬性。
(注意:如果在onClick事件處理中使用return語(yǔ)句,它可以接收任何數(shù)值。只要這個(gè)值不是False,瀏覽器就可以完成提交。但如果瀏覽
器得到的是False值,表單提交操作就會(huì)被取消。)
Click事件和dbClick事件
onClick是單擊事件,onDblClick是雙擊事件,而實(shí)際上很難分清連續(xù)的單擊和雙擊。它們會(huì)互相干擾。而且在ie和其他瀏覽器的情況還有
不同。有的瀏覽器是雙擊事件的每一次單擊都會(huì)觸發(fā)單擊事件,而在ie中,只有雙擊事件的第一次單擊會(huì)觸發(fā)單擊事件。不管怎么樣,單擊事
件都不會(huì)自動(dòng)的取消或被忽略。因此,如果想使用單擊和雙擊一個(gè)鏈接時(shí)觸發(fā)兩個(gè)完全不同的過(guò)程,則必須通過(guò)編程來(lái)延遲單擊的動(dòng)作知道雙
擊。
例:
<script>
var timer=null;
document.onclick=new Function("timer=setTimeout(click,500)")
document.ondblclick=new Function("clearTimeout(timer);dblclick()")
function click(){
alert("click")
}
function dblclick(){
alert("dblclick")
}
</script>
在高版本的瀏覽器中,鏈接的這兩種事件處理程序都監(jiān)視那些使得腳本阻止鏈接的特殊行為。
例如:在想要的導(dǎo)航到另一個(gè)頁(yè)面之前進(jìn)行某些數(shù)據(jù)項(xiàng)的確認(rèn),如果某些域填得不正確,可以提醒并終止鏈接。要實(shí)現(xiàn)這種確認(rèn),必須在
事件處理程序得最后一條語(yǔ)句或者事件處理程序自身返回True或False。如果返回False就終止鏈接。
相關(guān)文章
javascript學(xué)習(xí)筆記(三)BOM和DOM詳解
本文應(yīng)用了很多實(shí)例,來(lái)解讀JavaScript中BOM和DOM,DOM是一個(gè)使程序和腳本有能力動(dòng)態(tài)地訪(fǎng)問(wèn)和更新文檔的內(nèi)容、結(jié)構(gòu)以及樣式的平臺(tái)和語(yǔ)言中立的接口。,而B(niǎo)OM定義了JavaScript可以進(jìn)行操作的瀏覽器的各個(gè)功能部件的接口。2014-09-09javascript基礎(chǔ)之查找元素的詳細(xì)介紹(訪(fǎng)問(wèn)節(jié)點(diǎn))
常用jQuery的話(huà)我們知道,jQuery有非常強(qiáng)大的選擇器來(lái)查找元素(也稱(chēng)作訪(fǎng)問(wèn)節(jié)點(diǎn)),例如:基本選擇器、層次選擇器、過(guò)濾選擇器、屬性選擇器等2013-07-07js對(duì)象內(nèi)部訪(fǎng)問(wèn)this修飾的成員函數(shù)示例
這篇文章主要介紹了js對(duì)象內(nèi)部訪(fǎng)問(wèn)this修飾的成員函數(shù)示例,需要的朋友可以參考下2014-04-04javascript SpiderMonkey中的函數(shù)序列化如何進(jìn)行
JavaScript中如何進(jìn)行函數(shù)序列化,函數(shù)序列化的作用是什么?本文將介紹SpiderMonkey中的函數(shù)序列化,有需要的朋友可以參考下2012-12-12