因?yàn)槌绦騿T在按鈕上設(shè)定了js事件,不想看到的話要么調(diào)整代碼,要么不再顯示瀏覽器的狀態(tài)欄!
成都創(chuàng)新互聯(lián)公司是一家集網(wǎng)站建設(shè),葫蘆島企業(yè)網(wǎng)站建設(shè),葫蘆島品牌網(wǎng)站建設(shè),網(wǎng)站定制,葫蘆島網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,葫蘆島網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè),幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競爭力??沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿,時(shí)刻以成就客戶成長自我,堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己,讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。
1、如圖首先在一個(gè)文件夾下創(chuàng)建index.html文件。
2、然后用可編輯文本文件的軟件打開index.html文件,index.html的初始內(nèi)容如圖。
3、js的鼠標(biāo)事件主要有onclick:單擊事件ondbclick:雙擊事件onmouseover:鼠標(biāo)移入事件onmouseout:鼠標(biāo)移出事件onmousedown:鼠標(biāo)按下事件onmouseup:鼠標(biāo)松開事件。首先實(shí)現(xiàn)鼠標(biāo)左鍵單擊和雙擊的js代碼如圖。
4、編輯完index.html文件后,用瀏覽器打開index.html文件,效果如圖。當(dāng)鼠標(biāo)左鍵單擊span時(shí)顯示"觸發(fā)鼠標(biāo)單擊事件",雙擊span時(shí)顯示"觸發(fā)鼠標(biāo)雙擊事件"。
5、接著實(shí)現(xiàn)鼠標(biāo)的移入和移出事件。如圖修改index.html文件。
6、最后實(shí)現(xiàn)鼠標(biāo)的點(diǎn)下和松起事件。如圖修改index.html文件。
7、修改完index.html文件后,用瀏覽器打開index.html文件,效果如圖。
JavaScript(簡稱“JS”)是一種具有函數(shù)優(yōu)先的輕量級,解釋型或即時(shí)編譯型的編程語言。雖然它是作為開發(fā)Web頁面的腳本語言而出名,但是它也被用到了很多非瀏覽器環(huán)境中,JavaScript基于原型編程、多范式的動(dòng)態(tài)腳本語言,并且支持面向?qū)ο蟆⒚钍?、聲明式、函?shù)式編程范式。
javascript是一種解釋類型的語言,跟c++、c語言這些不一樣(先編譯后執(zhí)行),它是在程序運(yùn)行過程中每行都要進(jìn)行解釋。javascript不僅是一種基于對象的腳本語言,它既可以創(chuàng)建對象,也可以直接使用已有的對象。
javascript是事件驅(qū)動(dòng)性的腳本語言,比如用戶在訪問網(wǎng)頁時(shí),鼠標(biāo)在點(diǎn)擊,移動(dòng)等操作。javascript是可以直接對這些時(shí)間做出相應(yīng),并不需要通過web服務(wù)器來對用戶的行為做出相應(yīng)。
javascript特點(diǎn):
1、簡單性
javascript是弱類型的變量類型,對于數(shù)據(jù)類型并沒有嚴(yán)格要求,她的設(shè)計(jì)簡單緊湊。
2、跨平臺(tái)性
javascript是不需要依靠操作系統(tǒng),只要瀏覽器支持,它編譯后就可以直接帶到任何支持瀏覽器腳本語言上就可以直接使用了,而javascript幾乎已經(jīng)獲得所有瀏覽器的支持。
javascript是事件驅(qū)動(dòng)性的腳本語言,比如用戶在訪問網(wǎng)頁時(shí),鼠標(biāo)在點(diǎn)擊,移動(dòng)等操作。javascript是可以直接對這些時(shí)間做出相應(yīng),并不需要通過web服務(wù)器來對用戶的行為做出相應(yīng)。
在前段使用JavaScript開發(fā)獲取鼠標(biāo)當(dāng)前位置來計(jì)某個(gè)功能,如何獲取鼠標(biāo)當(dāng)前的位置,其實(shí)很多人都不知道怎么做,為此我為大家整理推薦了相關(guān)的知識(shí),希望大家喜歡。
js設(shè)置鼠標(biāo)位置的方法
新建一個(gè)html代碼頁面,在這個(gè)html頁面找到body,然后在這個(gè)body里創(chuàng)建一個(gè)用來顯示坐標(biāo)位置的div,并給這個(gè)div添加一個(gè)id。如圖
創(chuàng)建div的代碼:
div id="point-loc"/div
使用pageX、pageY獲取鼠標(biāo)當(dāng)前位置。在title標(biāo)簽后面新建一個(gè)script,創(chuàng)建鼠標(biāo)移動(dòng)時(shí)獲取鼠標(biāo)當(dāng)前的位置。如圖:
js代碼:
script type="text/javascript"
document.onmousemove = function(e){
var loc = "當(dāng)前位置 x:"+e.pageX+",y:"+e.pageY
document.getElementById("point-loc").innerHTML = loc;
}
/script
保存html后使用瀏覽器打開即可看到效果。如圖:
4頁面所有代碼:
!DOCTYPE html
html
head
meta charset="UTF-8"
titlejs獲取鼠標(biāo)位置/title
script type="text/javascript"
document.onmousemove = function(e){
var loc = "當(dāng)前位置 x:"+e.pageX+",y:"+e.pageY
document.getElementById("point-loc").innerHTML = loc;
}
/script
/head
body
div id="point-loc"/div
/body
按你的意思給你重新寫了一下代碼:
head
titleJavaScript測試/title
script type="text/javascript"
function mouseStatus(e) {
e = e || window.event;
var button = e.button;
var whichOne = (button 1) ? "right" : "left";
var message = e.type + ":" + whichOne + "\n";
document.getElementById('textarea').value += message;
}
function attachEvent(obj, evt, fn){
if(obj.addEventListener){
obj.addEventListener(evt, fn, false);
}else if(obj.attachEvent){
obj.attachEvent('on'+evt, fn);
}
}
window.onload = function() {
alert('document loaded');
obj = document.getElementById("testLink");
attachEvent(obj, 'mousedown', mouseStatus);
attachEvent(obj, 'mouseup', mouseStatus);
}
/script
/head
html
body
p class="STYLE2"Mouse Click Test/p
pClick the mouse on the test link below. A message below will indicate which button was clicked./p
pa href="#" class="STYLE2" id="testLink"Test Link /a/p
form name="form1"
p
textarea id="textarea" rows="15"/textarea
/p
/form
/body
/html
注意我加了一個(gè) attachEvent 函數(shù),這是為了兼容瀏覽器。
還有給對象綁定事件寫在 onload 里面,這樣能保證文檔加載完畢才綁定。
onClick 鼠標(biāo)單擊事件
onDblClick 鼠標(biāo)雙擊事件
onMouseDown 鼠標(biāo)上的按鈕被按下了
onMouseUp 鼠標(biāo)按下后,松開時(shí)激發(fā)的事件
onMouseOver 當(dāng)鼠標(biāo)移動(dòng)到某對象范圍的上方時(shí)觸發(fā)的事件
onMouseMove 鼠標(biāo)移動(dòng)時(shí)觸發(fā)的事件
…………
本文名稱:鼠標(biāo)JavaScript,鼠標(biāo)自己亂動(dòng)是怎么回事
本文鏈接:http://aaarwkj.com/article2/dsigeoc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站收錄、搜索引擎優(yōu)化、品牌網(wǎng)站設(shè)計(jì)、軟件開發(fā)、網(wǎng)站改版、建站公司
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)