原理就是通過比較鼠標(biāo)的XY坐標(biāo)來判斷。我不知道有沒有其他的方式了,就拿知道的來說。下面是實(shí)現(xiàn)代碼。

創(chuàng)新互聯(lián)云計(jì)算的互聯(lián)網(wǎng)服務(wù)提供商,擁有超過13年的服務(wù)器租用、川西大數(shù)據(jù)中心、云服務(wù)器、虛擬主機(jī)、網(wǎng)站系統(tǒng)開發(fā)經(jīng)驗(yàn),已先后獲得國(guó)家工業(yè)和信息化部頒發(fā)的互聯(lián)網(wǎng)數(shù)據(jù)中心業(yè)務(wù)許可證。專業(yè)提供云主機(jī)、虛擬主機(jī)、域名與空間、VPS主機(jī)、云服務(wù)器、香港云服務(wù)器、免備案服務(wù)器等。
script
var lastX = null,
lastY = null;
window.onmousemove = function(event){
var curX = event.clientX,
curY = event.clientY,
direction = '';
// console.info(event);
// console.info(event.clientX);
// console.info(event.clientY);
// 初始化坐標(biāo)
if(lastX == null || lastY == null){
lastX = curX;
lastY = curY;
return ;
}
if(curX lastX){
direction += 'X右,';
}else if(curX lastX){
direction += 'X左,';
}else{
direction += 'X居中,';
}
if(curY lastY){
direction += 'Y上';
}else if(curY lastY){
direction += 'Y下';
}else{
direction += 'Y居中';
}
lastX = curX;
lastY = curY;
console.info(direction);
document.body.innerText = direction;
}
/script
通過創(chuàng)建一個(gè)event.keyCode對(duì)象,有獲取鍵盤上的方向鍵,運(yùn)行代碼后,點(diǎn)擊鍵盤上的任意方向鍵。代碼如下:
html
head
title取得鍵盤的方向鍵/title
script language="javascript"
!--
function showkey(){
key = event.keyCode;
if (key == 37) alert("按了←鍵!");
if (key == 38) alert("按了↑鍵!");
if (key == 39) alert("按了→鍵!");
if (key == 40) alert("按了↓鍵!");
}
document.onkeydown=showkey;
--
/script
/head
body
請(qǐng)按方向鍵←↑→↓
/body
/htmlbr /center如不能顯示效果,按Ctrl+F5刷新。
JavaScript是一種屬于網(wǎng)絡(luò)的腳本語言,已經(jīng)被廣泛用于Web應(yīng)用開發(fā),常用來為網(wǎng)頁添加各式各樣的動(dòng)態(tài)功能,為用戶提供更流暢美觀的瀏覽效果。通常JavaScript腳本是通過嵌入在HTML中來實(shí)現(xiàn)自身的功能的。
是一種解釋性腳本語言(代碼不進(jìn)行預(yù)編譯)。
主要用來向HTML(標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用)頁面添加交互行為。
可以直接嵌入HTML頁面,但寫成單獨(dú)的js文件有利于結(jié)構(gòu)和行為的分離。
跨平臺(tái)特性,在絕大多數(shù)瀏覽器的支持下,可以在多種平臺(tái)下運(yùn)行(如Windows、Linux、Mac、Android、iOS等)。
前景不言而喻,現(xiàn)在前端的靈魂就是js而且現(xiàn)在前端工作一點(diǎn)不比后臺(tái)簡(jiǎn)單,而且node可以做后臺(tái),那么學(xué)好js可以做全棧工程師
對(duì)了,就是用你那種方法。類似頁面左右有隨頁面滑動(dòng)的小廣告,都是用這種方法做的。
旋轉(zhuǎn):
div
{
transform:rotate(45deg);
-ms-transform:rotate(45deg);? /*?IE?9?*/
-moz-transform:rotate(45deg);? /*?Firefox?*/
-webkit-transform:rotate(45deg);?/*?Safari?和?Chrome?*/
-o-transform:rotate(45deg);? /*?Opera?*/
}
本文題目:javascript方向,javascript的方向
文章URL:http://chinadenli.net/article38/dsegipp.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供做網(wǎng)站、全網(wǎng)營(yíng)銷推廣、品牌網(wǎng)站制作、網(wǎng)站策劃、云服務(wù)器、網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)