1. js 如果設置事件對象的定位屬性值為relative,event.X返回事件對象的相對於本體的坐標,如何理解謝謝回
event.X就是滑鼠位置相對於觸發這個事件的那個控制項的空空則坐標(斗棚左邊界坐標)
比如說你觸發js方法的是一個input(button),它的左邊界是虧孫100px
當input的style="position:absolute;"時,你點擊input的中間得到的window.event.x值為150px
而當input的style="position:relative;"時,你點擊input的中間得到的window.event.x值為50px
明白了沒
2. 為什麼js事件函數默認傳遞的參數是event
如果event沒有在其他地方被定義的話。
這樣寫的目的是為了實現IE和FF中event的傳遞。
因為IE中的event是全局的,公用的,相當於window.event,所以可以不寫,
而FF中的event則是必須存在事件中,必須要寫。
為了都能在兩個瀏覽器上正常運行,所以加了event.
這里的event在IE上指window.event簡寫event,所以一定要寫event這個。
在FF中則是事件onchange固有的參數e,所以如果是FF瀏覽器,則可以隨便寫。
event代表事件的狀態,例如觸發event對象的元素、滑鼠的位置及狀態、按下的鍵等等。
event對象只在事件發生的過程中才有效。
event的某些屬性只對特定的事件有意義。比如,fromElement 和 toElement 屬性只對 onmouseover 和 onmouseout 事件有意義。
例子
下面的例子檢查滑鼠是否在鏈接上單擊,並且,如果shift鍵被按下,就取消鏈接的跳轉。
code<HTML>
<HEAD><TITLE>Cancels Links</TITLE>
<SCRIPT LANGUAGE="JScript">
function cancelLink() {
if (window.event.srcElement.tagName == "A" && window.event.shiftKey)
window.event.returnValue = false;
}
</SCRIPT>
<BODY onclick="cancelLink()">
下面的例子在狀態欄上顯示滑鼠的當前位置。
code<BODY onmousemove="window.status = 'X=' + window.event.x + ' Y=' + window.event.y">
屬性:
altKey, button, cancelBubble, clientX, clientY, ctrlKey, fromElement, keyCode, offsetX, offsetY, propertyName, returnValue, screenX,
screenY, shiftKey, srcElement, srcFilter, toElement, type, x, y
1.altKey
描述:
檢查alt鍵的狀態。
語法:
event.altKey
可能的值:
當alt鍵按下時,值為 TRUE ,否則為 FALSE 。只讀。
3. 如何在js代碼中,如何獲取event
event是事件對象,比如你按了某個鍵(或者單擊等,反正能觸發事件的),那你在處理時候專可能會需要一些信屬息,比如說是哪個元素被觸發的,這個元素也就是你所問的event.srcElement(事件的源對象),通過它可以得到事件的對象,如果你是按鍵事件如keyup,keydown,那麼在event.keyCode會得到這個鍵的ascii碼,如果是滑鼠事件,可能還會有當前滑鼠的坐標等等,總之,這個對象裡麵包含了事件發生時的各種數據。
4. javascript的event該怎麼理解
event是環境狀態對象,代表了當前系統環境的一些狀態,比如鍵盤按鍵的狀態、滑鼠游標的位置內、滑鼠容按鍵的狀態等。把它作為參數傳遞給函數,那麼函數內部也就能獲取當前滑鼠和鍵盤的情況了。event作為一個系統對象,它的名稱是不能變的,但是函數的形式參數的名稱則是可以任意設置的,只要不違反命名規則即可。也就是說可以用e,也可以用abc,用hehe,隨你喜歡。
5. JS控制滑鼠點擊的代碼
這樣是不可以的!來 如果可以隨便控源制別人的滑鼠
那外掛不是滿天飛了啊
你只能獲得 滑鼠的 值
event.x 滑鼠的橫坐標 event.y 滑鼠的縱坐標
enevt 必須 寫在 時間的調用方法裡面
不可以直接 使用
只有 在事件的調用中才存在event 對象
不可以 但是 你可以控制項的 onclick 事件
<input type=button id=dd value="ddd" onclick="alert('11111')">
<script for = window event=onload>
document.all.dd.onclick();
//頁面載入的時候就自動點擊這個按鈕
</script>
6. JS中的event 對象包含哪些東西 event,實例 詳解
JS的對象
Event屬性和方法:
1. type:事件的類型,如onlick中的click;
2. srcElement/target:事件源,就是發生事件的元素;
3. button:聲明被按下的滑鼠鍵,整數,1代表左鍵,2代表右鍵,4代表中鍵,如果按下多個鍵,酒把這些值加起來,所以3就代表左右鍵同時按下;(firefox中 0代表左鍵,1代表中間鍵,2代表右鍵)
4. clientX/clientY:事件發生的時候,滑鼠相對於瀏覽器窗口可視文檔區域的左上角的位置;(在DOM標准中,這兩個屬性值都不考慮文檔的滾動情況,也就是說,無論文檔滾動到哪裡,只要事件發生在窗口左上角,clientX和clientY都是 0,所以在IE中,要想得到事件發生的坐標相對於文檔開頭的位置,要加上
document.body.scrollLeft和 document.body.scrollTop)
5. offsetX,offsetY/layerX,layerY:事件發生的時候,滑鼠相對於源元素左上角的位置;
6. x,y/pageX,pageY:檢索相對於父要素滑鼠水平坐標的整數;
7. altKey,ctrlKey,shiftKey等:返回一個布爾值;
8. keyCode:返回keydown何keyup事件發生的時候按鍵的代碼,以及keypress 事件的Unicode字元;(firefox2不支持 event.keycode,可以用 event.which替代 )
9. fromElement,toElement:前者是指代mouseover事件中滑鼠移動過的文檔元素,後者指代mouseout事件中滑鼠移動到的文檔元素;
10. cancelBubble:一個布爾屬性,把它設置為true的時候,將停止事件進一步起泡到包容層次的元素;(e.cancelBubble = true; 相當於 e.stopPropagation();)
11. returnValue:一個布爾屬性,設置為false的時候可以組織瀏覽器執行默認的事件動作;(e.returnValue = false; 相當於 e.preventDefault();)
12. attachEvent(),detachEvent()/addEventListener(),removeEventListener:為制定 DOM對象事件類型注冊多個事件處理函數的方法,它們有兩個參數,第一個是事件類型,第二個是事件處理函數。在
attachEvent()事件執行的時候,this關鍵字指向的是window對象,而不是發生事件的那個元素;
13. screenX、screenY:滑鼠指針相對於顯示器左上角的位置,如果你想打開新的窗口,這兩個屬性很重要;
一些說明:
1. event代表事件的狀態,例如觸發event對象的元素、滑鼠的位置及狀態、按下的鍵等等;
2. event對象只在事件發生的過程中才有效。
firefox里的event跟IE里的不同,IE里的是全局變數,隨時可用;firefox里的要用參數引導才能用,是運行時的臨時變數。
在IE/Opera中是window.event,在Firefox中是event;而事件的對象,在IE中是 window.event.srcElement,在Firefox中是event.target,Opera中兩者都可用。
3. 下面兩句效果相同
var evt = (evt) ? evt : ((window.event) ? window.event : null);
var evt = evt || window.event; // firefox下window.event為null, IE下event為null
4. IE中事件的起泡
IE中事件可以沿著包容層次一點點起泡到上層,也就是說,下層的DOM節點定義的事件處理函數,到了上層的節點如果還有和下層相同事件類型的事件處理函數,那麼上層的事件處理函數也會執行。例如, div 標簽包含了 a ,如果這兩個標簽都有onclick事件的處理函數,那麼執行的情況就是先執行標簽 a 的onclick事件處理函數,再執行 div 的事件處理函數。如果希望的事件處理函數執行完畢之後,不希望執行上層的 div 的onclick的事件處理函數了,那麼就把cancelBubble設置為true即可。
7. js中常用方法以及document.readyState 判斷頁面是否載入完成 complete和interactive
js中常用方法以及document.readyState 判斷頁面是否載入完成 complete和interactive
傳回XML 文件資料的目前狀況。 基本語法 intState = xmlDocument.readyState; 說 明 這個屬性是只讀的,傳回值有以下的可能: 0-UNINITIALIZED:XML 對象被產生,但沒有任何文件被載入。 1-LOADING:載入程序進行中,但文件尚未開始解析。 2-LOADED:部分的文件已經載入且進行解析,但對象模型尚未生效。 3-INTERACTIVE:僅對已載入的部分文件有效,在此情況下,對象模型是有效但只讀的。 4-COMPLETED:文件已完全載入,代表載入成功。 范 例 alert("The readyState property is " + xmlDoc.readyState);
1.窗口關閉時執行的函數 window.onbeforeunload = function(){}
2.頁面載入情況判斷document.readyState值可以是complete和interactive
function document.onreadystatechange() { if(document.readyState=="complete") alert(document.readyState); }
或者:
document.onreadystatechange = init;
function init() {
if(document.readyState=="complete") {.........}
}
3.屏蔽右鍵功能和嚴禁選中操作
//document.oncontextmenu=new Function("event.returnValue=false;");
//document.onselectstart=new Function("event.returnValue=false;");
4.滑鼠位置判斷
window.event.y和window.event.x //x,y是滑鼠相對於當前瀏覽器的位置
window.event.screenY和window.event.screenX //screenX,screenY是相對於用戶顯示器的位置
window.event.clientY和window.event.clientX //clientX, clientY是滑鼠當前相對於網頁的位置,
window.event.offsetY和window.event.offsetX //offsetX, offsetY是滑鼠當前相對於網頁中的某一區域的位置,當滑鼠位於頁面中這一區域的左上角時offsetX=0, offsetY=0;
5.窗口大小判斷
document.documentElement.scrollWidth和document.documentElement.scrollHeight //獲取窗口的寬和高
6.返回值
window.event.returnValue="真的要關閉嗎"; //彈出一個確認信息,確認事件是否要執行
return confirm("真的要關閉嗎"); //兩個是一樣的功能
7.獲取隨機數 parseInt(Math.random()*100) //獲取1至100之間的隨機數