JS中判斷滑鼠按鍵的問題(event.button)

文章目錄 mousedown事件mouseup事件屏蔽滑鼠右鍵:if(e.button==2) e.preventDefault?e.preventDefault():(e.returnValue=false); mousedown事件event.buttonIEFirefoxChromeOpera左鍵1000右鍵2222中鍵4111預設--------測試代碼:IE:document.onmousedown =

jQuery最佳實務(如何用好jQuery)

我主要參考了Addy Osmani的PPT《提高jQuery效能的訣竅》(jQuery Proven Performance Tips And Tricks)。他是jQueryTeam Dev的成員,具有一定的權威性,提出的結論都有測試資料支援,非常有價值。==============================================1.

關於.net對圖片的操作

最近項目找用到對圖片進行製作縮圖,其中涉及到了System.Drawing的很多類,但是最終的效果不是太滿意,對比php,java他們的產生的縮圖,.net產生的縮圖品質比較低,映像相對比較模糊,不知道有哪位大俠有什麼高見沒,能夠做到真正意義的高品質縮圖。我的圖片縮圖代碼:/// <summary>        /// 產生縮圖        /// </summary>        /// <param name="originalImagePath">

js實現iframe的load事件(相容IE)

判斷iframe載入完成:function loadIframe(src, callback){var iframe = document.createElement("iframe");iframe.src = src;if(-[,1]){ // nonIEiframe.onload = callback;}else{ // IEiframe.onreadystatechange = function(){if (iframe.readyState ==

五筆該用怎樣的思路去開發

先說明一下,本人使用五筆已經近10年了,前前後後用過微軟的王碼86、五筆加加、陳橋五筆、萬能五筆等等好多版本,最後還是鎖定在五筆加加PLUS2.81上了。做出這個選擇有兩方面的原因。一方面是詞庫,五筆加加PLUS利用附帶的工具可以自己選擇和替換詞庫,我用的一個2.8萬的詞庫,不多不少,感覺最好。之前用王碼86感覺詞庫太少。另一方面是介面,五筆加加的介面看著很舒服,可以換皮膚是一個次要因素,主要因素是簡潔,上屏速度快,給人幹練的感覺,字打快的時候非常舒服。前幾日一個朋友見我打字,問了一問題:五筆為

使用者離開頁面和回到頁面事件(標籤切換)

使用者離開頁面,但是不是關閉頁面。最開始使用onload和onunload發現這兩個指的是關閉頁面和開啟頁面觸發的事件,並不是使用者離開這個頁面去看另外一個頁面的事件。然後通過測試發現使用者離開頁面起作用的事件是:blur & focus;具體測試代碼如下:<!doctype html><html><head><title>測試離開頁面和回到頁面事件</title><meta charset="gb2312" />&

網站logo現在在標籤旁的做法

表徵圖是網站的縮減標誌,可以顯示在瀏覽器標籤、地址欄左邊和收藏夾,是展示網站個性的縮減logo標誌,也可以說是,如果要讓網站看起來更專業、更美、更有個性,favicon.ico是必不可少的. 如何使用Favicon.ico?1. 將成功產生的表徵圖檔案下載並改名為favico.ico,上傳到網站根目錄。2. 在網站首頁的源檔案<head> </head>之間插入下面的斜體部分代碼 <head>……<link rel="shortcut icon"

今天結合了前面寫的幾個小提示框,這回繼續完善了一下,所以接著show一下

<!doctype html><html><head><meta charset="gbk"><title>First Grid Demo</title><style>>body,button,input,select,textarea{font:12px/1.5 '微軟雅黑',Verdana,Tahoma,Arial,/5b8b/4f53;/*後面是宋體的編碼*/}body, h1, h2, h3, h4

display:inline-block的通用寫法。

經過自己的測試以及參考了懌飛的部落格,最後總結了一下display:inline-block在各個瀏覽器下通用的寫法為:--執行個體 1--display:inline-block;*display:inline;*zoom:1;*text-indent:0;--執行個體

變大寬度來實現li的定位

<div> <ul> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li><

js寫一下自己比較熟悉的一個冒泡排序演算法和二分尋找演算法

最經典的冒泡排序法,自己就只對這個印象最深了:// 寫一個簡易的冒泡排序演算法// js不等同於c,在真實處理過程中我們需要注意是否是拷貝對象或引用對象,不然很容易出錯var c = [1,2,3,4,5,6,7];var len = c.length, l, tmp;while(--len){l = len;tmp = c[len];while(l--){ if(c[l]<tmp){tmp = c[l];swap(l, len); }}}function swap(i, j){var

tr的開啟和關閉

今天看到別人的一個table下的tr的開啟和關閉實現,使用的就是var dis = id.style.display; dis = (dis=='')?'none':'';這才發現自己以前寫的第一個網站弄得太複雜了,當時考慮到Firefox和chrome下tr標籤的display是為table-cell,所以不支援display:blcok;然後就第一次接觸到了navigator.userAgent;通過判斷它是否包含MSIE來判斷。總之,實現的方法很多。但是上面我看到的確實不錯。

這幾天看到學到的一些東西

eval("0,"+str)其中 str='{"aa":"shenme"}' ,得到的結果就是一個object:{"aa":"shenme"} YAHOO.lang.JSON.parse('"' + 'shenme'+ '"') ,最後得到的還是'shenme'暈~!將自己寫的css或者js命名為index.css或者index.js保准你的IE6會崩潰。ie6下<ul><li><a><img /></a><div><

解決IE6下多個img通過js載入同一張圖片時的重複請求

如果使用下面的方式操作img的src在IE6下會重複請求img的url,導致最終顯示的img圖片(驗證碼)不一樣:function changPic(imgs){var len = imgs.length,src = imgs[0].src.split('?')[0]+'?'+new Date(); // 動態驗證碼while(len--){imgs[len].src = src;}}然後結合以前的圖片載入問題,寫了下面一段代碼就OK了。function changPic(imgs){var

自己寫的一個自動產生小三角的函數

/**value: int類型,指的是三角的高度, 在css裡當是三角指向的是上下方向時,它指的是高度,反之是左右的話指的就是寬度。預設為7,但是不能大於20*towards: String類型,指的是三角的朝向,上:top; 下:bottom; 左:left; 右:right 預設為top*arrayColor: array類型,包含兩個資料,一個是邊框的顏色,一個是背景顏色,格式為:#ABCDEF,預設:['#000000','#CCCCCC']*triStyle: object or

一些常用的跨瀏覽器DOM操作(next,prev,children)

以前一直沒有細心去探究這些個瀏覽器的dom操作,所有很有必要總結一下。一是為了自己以後不再出錯;二是避免自己以後有疑問就去找;總之就是有必要總結一下:function $(a){return document.getElementById(a);}// IE 下如果節點是內嵌元素(非樣式設定:display:block)則擷取的nextSibling的節點為文本節點(沒有空格除外)// eg: // <span id="tt">tt</span> <span>

Jquery 讀取XmL問題

代碼:function getQList(ID)  {   var url = "AjaxMethod/QList_Ajax.ashx?id=" + ID + "&ver=" + new Date().getTime();   //jQuery.get(url, ShowXML);   jQuery.ajax({       type: "GET",       url: url,       //data: "id=" + ID + "&ver=" + new

關於動態建立option 【copy from 姬光】

在處理表單的時候,經常會有這樣的需求:給定一定的資料來產生某個select的option,或者更進一步,某些option或許預先選中或者有高亮顯示。 下面我們就來溫習一下幾種option的建立方式。這個需求要求某些選項要預先有高亮顯示,可以通過添加class來處理。 首先定義一個高亮的class,為了簡單處理,只定義紅色高亮: <style type="text/css">        .hot-games{                  background-color: #

滑鼠滑過後,直接擷取包含在注釋節點裡面的內容

division = (function(){var S = KISSY,D = S.DOM,E = S.Event,ff = S.UA.firefox ? true : false, //由於Firefox不支援outerHTML這裡對它進行檢測到時再判定,當然可以直接×.outerHTML || ×.innerHTMLcomment = {},//{value:[left, top, node, css, html]}value代表注釋值,如start: abc,則value=abc

IE下擷取完整的Object標籤

IE不能擷取到完整的Object標籤?當然能!!問題是通過何種方式去擷取。object.outerHTML or object.parentNode.innerHTML ?yss最開始嘗試使用上面兩種方式去擷取下面的object標籤:<div class="movie" id="js_Movie"><object width="960" height="480" id="FPlayer"

總頁數: 61357 1 .... 15607 15608 15609 15610 15611 .... 61357 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.