js 實現鍵盤記錄 相容FireFox和IE

作者:羽殤仁 轉載請註明出處,謝謝。本篇文章是我的第一百篇blog文章,恭喜一下!這兩天突然想弄弄js的鍵盤記錄,所以就小研究了一下。主要分四個部分第一部分:瀏覽器的按鍵事件第二部分:相容瀏覽器第三部分:代碼實現和最佳化第四部分:總結第一部分:瀏覽器的按鍵事件用js實現鍵盤記錄,要關注瀏覽器的三種按鍵事件類型,即keydown,keypress和keyup,它們分別對應onkeydown、

JavaScript事件冒泡簡介及應用

 一、什麼是事件冒泡在一個對象上觸發某類事件(比如單擊onclick事件),如果此對象定義了此事件的處理常式,那麼此事件就會調用這個處理常式,如果沒有定義此事件處理常式或者事件返回true,那麼這個事件會向這個對象的父級對象傳播,從裡到外,直至它被處理(父級對象所有同類事件都將被啟用),或者它到達了對象層次的最頂層,即document對象(有些瀏覽器是window)。 打個比方說:你在地方法院要上訴一件案子,如果地方沒有處理此類案例的法院,地方相關部門會幫你繼續往上級法院上訴

javascript知識拾遺

 之前對javascript一直都不是很重視,自然寫code的水平也就一直都處在半生不熟的狀態。說不懂,又會寫點,說會寫,寫出來的東西往往會有很多漏洞:(最近這段時間,埋頭學習javascript。尤其在正確書寫javascript

js動態設定div的值

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html

我是如何去瞭解jquery的(六),案例之投影片輪換

在開始之前,我們還是先看下這個所謂的投影片出來,到底是起著什麼樣的作用的,首先一般說到投影片,我們最先想到的是PPT,(不是PPTV,是powerpoint^_^),PPT的作用就很清楚了,它是一屏一屏的進行放映,文字較少,圖形較多,這是它的一個特點,所以我們用到投影片的地方也都是以圖片為主,如果是一大段的文字就應該用上一節說到的選項卡了。既然是圖片,就應該有很迷人的主題,比如某某門啦,不然誰會點進去看啊,是吧,既然是很重要的內容,所以一般投影片在整個網站上的位置也是在最重要的地方,根據人體本能

javascript類比java中的synchronized同步功能

 有這方面知識的朋友,看到題目會認為,你這樣做沒有意義的,因為script指令碼永遠不會產生並發。確實指令碼執行是單線程的,即使有setTimeout、setInterval等方法,他也永遠不會產生並發。所以這裡只是類比。   說明一下應用情境,線上考試系統有自動交卷和手工交卷,結構大致如下    function handInAuto(){    doHandIn();} function handInMan(){

Jquery多語言下拉控制項,點擊可實現跳轉相應語言

 $(document).ready(function () {     //Define MultiLanguage     var laugeYuan = ["zh_chs", "zh_tr", "en"];     var langeNowq = [""];  &

如何快速成為javascript高手?

之前我拿這個問題問過我的同事,也問過國內的一些javascript高手。  最近,我一直在拿這個問題問自己。之所以會有這個問題,我基於兩個前提:第一、我自認為自己不笨;第二、我學習和使用javascript也有一段時間了,並且自己學習還算努力。  思來想去,我覺得我應該先回答下這個問題:如何提高自己的學習效率?  想象一下學校的情境,有一些知識,有的人就是學得比你快。為什嗎?可能他本來就比你聰明;可能他之前學過的、接觸過的東西使他對這個知識有啟發;可能他背地裡比你花的功夫還多。不管哪一種形式,從

實踐與提高:js匿名函數與this變數在不同範圍的追蹤

 jQuery給我們寫web應用程式帶來的極大的方便,很多jQuery外掛程式深受使用者喜愛。jQuery外掛程式的特點基本上是用匿名函數的結構書寫,引入jQuery對象作參數。以下是一個最基本的jQuery外掛程式的實現。知識點:在jQuery匿名函數中,採用jQuery.extend();方法建立jQuery外掛程式在jQuery匿名函數中,採用對象.屬性=函數的方式建立jQuery外掛程式 <!-- 最簡單的jquery外掛程式 胡開明&nbs

js中的迴圈的執行個體

 乘法口決//      for (i = 1;i <= 9; i++) {  //控制行 //          for (j= 1; j <= i; j++) { 

Firefox BUG:頁面太大的時候background-image背景圖片渲染出錯

很簡單的一個頁面,如下:<!doctype html> <html> <body style="background-image:url(1.gif)">  <div style="width:80000px; height:80000px;"></div>  </body> </html> &

javascript 使用VBArray (JS調用VBS的例子)

JavaScript Array 對象參考手冊Array 對象Array 對象用於在單個的變數中儲存多個值。建立 Array 對象的文法:new Array();new Array(size);new Array(element0, element0, ..., elementn);參數參數 size 是期望的數組元素個數。返回的數組,length 欄位將被設為 size 的值。參數 element ..., elementn 是參數列表。當使用這些參數來調用建構函式 Array()

input框 下面 緊跟著div彈出層,js取top left數值

<form>                     <input type="text" id="searchId" onkeyup="showSearch(this)" onblur="hideSearch(

JavaScript 判斷輸入的日期是否是合法日期的兩種方法

JavaScript 代碼/// 檢查輸入的日期是否是一個正確的日期格式:/// 支援 yyyy-M-d、yyyy-MM-dd、yyyy/M/d、yyyy/MM/dd 四種輸入格式。function checkDate(strInputDate) {  // 定義一個月份天數常量數組  var DA = [0, 31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];  // 統一日期格式  strDate =

JQuery 斑馬條紋功能實現

利用 JQuery 給 表格 添加 “斑馬條紋” 是表格 各行反白。執行個體: $("table#a tr:nth-child(even)").addClass("striped");解釋:table#a   是指給 id為 a 的表格, 如果不加#a , 就是對整個 HTML網頁中所有表格進行操作;nth-child(even)   是 JQuery 中一個強大的選取器,參數 even 是

JS 判斷 Radio 選項按鈕是否為選中狀態 並彈出 值資訊

今天項目中所解決的問題:JS 判斷 Radio 選項按鈕是否為選中狀態 並彈出 值資訊,一開始總是擷取不到 radio 的值,後來發現邏輯存在些問題,特此共用該代碼留筆記 和 分享給遇到 這類問題的  兄弟們參考:[javascript]<script type="text/javascript">             &

JS 精確統計網站訪問配量序

/** * vlstat 瀏覽器統計指令碼 */  var statIdName = "vlstatId"; var xmlHttp;  /** * 設定cookieId */ function setCookie(c_name, value, expiredays) {     var exdate = new

javascript實現導向功能表

傳統這裡要做的是,省略Go There按鈕,選擇功能表項目後,直接跳轉。  Html代碼[html]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html

js 將color值rgb轉化為16進位

javascript通過dom獲得backgroundColor等style的顏色值時得到的是一個rgb格式的值,如rgb(12,12,12).下面是我寫的一個轉換函式:                 [javascript]function RGBToHex(rgb){    var

JavaScript對象系統深入剖析-2.函數對象

2.       函數對象(Function Object) @吳穹Adam (新浪微博) 函數對象首先是一個對象,所以,它也有__proto__連結,也有Delegation。函數對象還有一個特殊之處就是它會有一個叫做prototype的屬性(又是prototype?, 對,這就是我一直用__proto__連結來代表上文提到的prototype linkage,這樣可以避免混淆)。 當用var ff =

總頁數: 3271 1 .... 2971 2972 2973 2974 2975 .... 3271 Go to: 前往

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.