14.2.1選擇文本、取得選擇的文本、選擇部分文本

阿新 • • 發佈：2018-10-27

oct mouse 默認事件文本沒有 start mit amp 標準

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <title>Document</title>
</head>
<body>
<p id=‘p‘>test<p>
<form> 
    <input type=‘submit‘ value=‘Submit Form‘ >
</form>
<form>  
    <button type=‘submit‘ name="submit-btn" autofocus>Submit Form</button>
</form>
<form name=‘form2‘>
    <input type=‘image‘ src=‘2.jpg‘ width=‘15%‘height=‘15%‘>
</form>
<form>
    <input type=‘reset‘ value=‘Rest From‘>
    <button type=‘reset‘>Rest From</button>
</form>
<form>
    <select>
      <option value ="volvo">Volvo</option>
      <option value ="saab">Saab</option>
      <option value="opel">Opel</option>
      <option value="audi">Audi</option>
    </select>
</form>
<form>
    <!-- 
        行間添加JavaScript代碼，解決IE下mouseout不能取消焦點問題
        標準下獲得焦點可以select()取消焦點blur()
        非標準下獲得焦點select()取消焦點  
this.value = this.value
    -->
    <input id="txtId" type="text" value="over out"  onmouseover="javascript:this.select();" onmouseout="javascript:this.blur()||(this.value=this.value);"/>
</form>
<form>
    <textarea rows=‘15‘ cols=‘15‘ style=‘resize:none‘>121545sd2154521212312313213</textarea>
</form>

<script type="text/javascript">
    var 
 EventUtil = {
            addHandler: function(element,type,handler){//添加事件
                if (element.addEventListener)
                {
                    element.addEventListener(type,handler,false);
                }else if (element.attachEvent)
                {
                    element.attachEvent( 
‘on‘+type,function(){
                        //做的IE兼容
                        handler.call(element);
                    });
                }else {
                    element[‘on‘+type] = handler;
                }
            },
            getEvent: function(event){//獲得事件對象
                return event || window.event;
            },
            getTarget: function(event){//獲得事件元素
                return event.target || event.srcElement;
            },
            preventDefault: function(){//取消默認事件行為
                if (event.preventDefault)
                {
                    event.preventDefault();
                }else {
                    event.returnValue = false;
                }
            },
            removeHandler: function(element,type,handler){//取消事件
                if (element.removeEventListener)
                {
                    element.removeEventListener(type,handler,false)
                }else if (element.dettchEvent)
                {
                    element.dettchEvent(‘on‘+type,handler);
                }else {
                    element[‘on‘+type] = null;
                }
            },
            stopPropagation: function(event){//取消冒泡機制
                if (event.stopPropagation)
                {
                    event.stopPropagation();
                }else {
                    event.cancleBubble = true;
                }
            },
            getRelatedTarget: function(event){
                if (event.relatedTarget)
                {
                    return event.relatedTarget;//標準下返回相關元素
                }else if (event.toElement)
                {
                    return event.toElement;//mouseout事件觸發，保存相關元素
                }else if (event.fromElement)
                {
                    return event.fromElement;//mouseover事件觸發，保存相關元素
                }
            },
            getButton: function(event){//鼠標按鈕兼容
                if (document.implementation.hasFeature(‘MouseEvents‘,‘2.0‘))//標準下
                {
                    return event.button;
                }else {
                    switch (event.button)//非標準下
                    {
                    case 0:
                    case 1:
                    case 3:
                    case 5:
                    case 7:
                        return 0;
                    case 2:
                    case 6:
                        return 2;
                    case 4:
                        return 1;
                    }
                }
            },
            getWheelDelta: function(event){//滾輪事件兼容
                //所以要兼容，寫兩個函數函數
                //client的兼容性必須先寫出來
                if (event.wheelDelta)
                {
                    /*
                        兼容opear9.5以前版本的正負相反，mousewheel
                    */
                    return (window.client.engine.opera && window.client.engine.opera < 9.5 ? -event.wheelDelta : event.wheelDelta);
                }else {
                    /*
                        兼容firefox正負和3的倍數的問題，DOMMouseScroll
                    */
                    return -event.detail*40;
                }
            },
            getCharCode: function(event){//鍵盤事件兼容
                if (typeof event.charCode == ‘number‘)//首先檢測按鍵有沒有代表的字符，如果沒有就沒有charCode，為undefined
                {
                    return event.charCode;
                }else {
                    return event.keyCode
                }
            }
        };
    var af = document.forms;
    /*
    function sub(event){
     event = EventUtil.getEvent(event);
     var target = EventUtil.getTarget(event);
    //target.elements獲得是一個集合可以用下表取得也可以用名字獲得    
     var btn = target.elements[‘submit-btn‘];
     document.body.innerHTML += btn ;
     //禁用提交
     btn.disable = true;
    }
    EventUtil.addHandler(af[1],‘submit‘,sub)
    
    //刷新網頁設置聚焦的元素
    //如果input元素type屬性為hidden或css的display和visibility屬性隱藏了該字段，同樣也會導致錯誤
    EventUtil.addHandler(window,‘load‘,function(event){
        document.forms[1].elements[‘submit-btn‘].focus();
    });

    //元素可以添加autofocus來自動聚焦，如果添加了ele.autofocus === true
    //檢測是否設置了autofocus,autofocus是布爾值
    EventUtil.addHandler(window,‘load‘,function(event){
        var element = document.forms[1].elements[‘submit-btn‘];
        if (element.autofocus !== true)
        {
            element.focus();
            console.log( ‘JS focus‘ );
        }
    });
    //獲得焦點，然後文本框變色，或者觸發change事件，檢測輸入的內容是否合法
    var textBox = document.forms[document.forms.length-1].elements[0];
    console.log( textBox );
    EventUtil.addHandler(textBox,‘focus‘,change1);
    EventUtil.addHandler(textBox,‘blur‘,change2);
    EventUtil.addHandler(textBox,‘change‘,change3);
    function change1(event){
        event = EventUtil.getEvent(event);
        var target = EventUtil.getTarget(event);
        if (target.style.background === ‘‘)
        {
            target.style.background = ‘yellow‘;
        }
    }
    function change2(event){
        event = EventUtil.getEvent(event);
        var target = EventUtil.getTarget(event);
        if (/[^\d]/.test(target.value))
        {
            target.style.background = ‘red‘;
            
        }else {
            target.style.background = ‘‘;
        }
    }

    function change3(event){
        event = EventUtil.getEvent(event);
        var target = EventUtil.getTarget(event);
        console.log(1)
        if (/[^\d]/.test(target.value))
        {
            target.style.background = ‘red‘;
        }else {
            target.style.background = ‘‘;
        }
    }
   */
    
    /*
    //非標準下聚焦的觸發事件
    var textBox = af[af.length-1].elements[0];
    EventUtil.addHandler(textBox,‘focus‘,change);
    
    function change(event){
        event = EventUtil.getEvent(event);
        var target = EventUtil.getTarget(event);
        target.select();
    }
    */
    //這裏不能使用select觸發，雖然標準下可以正常，但是IE兼容的不行他會在剛一觸發就執行
    //所以只能用mouseup觸發
    var textBox = af[af.length-1].elements[0];
    EventUtil.addHandler(textBox,‘mouseup‘,fn);
    function fn(event){
        var that = this;
        //ie兼容
        var a = compa(that);
        alert(a);
    }
    //兼容函數
    function compa(that){
            if (typeof that.selectionStart === ‘number‘)
            {
                return that.value.substring(that.selectionStart,that.selectionEnd);
            }else {
                //document.selection.createRange()為一個對象
                return document.selection.createRange().text;
            }    
    }
    
    alert(blur in window)
</script>
</body>
</html>

oct mouse 默認事件文本沒有 start mit amp 標準 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"/> &l

2.1.3基礎之局域網文件共享設置

自動啟動 cto 異地備份 cat 1.3 ssd dev 端口映射 html Windows命令行batcmd腳本的應用之自動備份異地備份遊旗丶引莫（孫忠）2.1.3基礎之局域網文件共享設置講解環境 VMware Workstation 12 桌面虛擬計算機軟件創

閱讀《C++Primer》的個人記錄（二）——2.1基本內置類型-關於浮點數、補碼

一個數過程取反反碼結果直接深入相關完美解決學習第二章基本內置類型的過程中，對於書上描寫的單精度浮點數和雙精度浮點數的相關內容和補碼的作用原理沒弄清楚，經過查閱相關資料，整理如下：現從簡單的補碼說起，原碼：正數的原碼就是它的本身，負數用最高位是1表示負數

實驗2.1：二叉樹的先序建立、先序遍歷、中序遍歷、後序遍歷

題目：參照程式5.1~5.4，編寫程式，完成二叉樹的先序建立、先序遍歷、中序遍歷、後序遍歷等操作。部分程式碼：二叉樹結構體定義：typedef struct BinaryTreeNode{ T

[java][spring]取得通過配置檔案和註解注入的bean、取得當前資料庫連線、取得ApplicationContext的方法

[spring]取得通過配置檔案和註解注入的bean、取得當前資料庫連線、取得ApplicationContext的方法 1、思路：應用程式啟動時使用ApplicationContextAware讓Spring容器傳遞自己生成的ApplicationContext給我們，

ios設置行間距和部分文本顏色

bold add spa urn line range nsstring dst ram /** * 設置行間距和字間距 * * @param lineSpace 行間距 * @param kern 字間距 * * @return 富文本 */ -(NS

C# 獲得剪貼板內容和 richTextBox部分文本設置顏色

記錄 sele ida 顏色 bytecode nco 剪貼板 form 之前 try { MemoryStream vMemoryStream = iData.GetData("Html Fo

python—89 自定義的admin後臺管理框架 1、啟動文件 2、源碼(註冊功能、創建單例) 3、設計url

ready def str try pytho site 字典 style 啟動文件 admin後臺管理框架仿照admin組件，開發stark組件 1、啟動文件　　執行每一個app下的stark.py文件　　重寫一個def ready() 函數　autodis

wangEditor-基於javascript和css開發的 Web富文本編輯器，輕量、簡潔、易用、開源免費(2)

配置格式報錯編輯無需設置 rev 限制 lang 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="

輸入日期格式字串作為商品的生產日期，輸入保質期（天）；計算截止到今天，該商品還有多少天會過保質期 1、控制檯輸入字串轉為日期格式 * 2、將輸入日期增加保質期天數 3、取得當前系統日期，比較

Scanner s = new Scanner(System.in); System.out.println("請輸入生產日期,xxxx年-xx月-xx日"); String sc = s.nextLine(); System.out.println("請輸入保質期(天)")

Java語言程式設計第十四章（14.1、14.2、14.3、14.4、12.5、14.6）

程式小白，希望和大家多交流，共同學習因為沒有第十版的漢語電子書，（有的漢語版是第八版，使用的還是Swing）這部分內容只能使用英語版截圖。 14.1 //將image資料夾中的照片加載出來 import javafx.application.

實驗六：排序演算法應用 1.錄入學生基本資訊 2、直接插入排序 3、氣泡排序 4、快速排序 5、簡單選擇排序 6、堆排序

/*實驗六：排序演算法應用內容：給出n個學生的考試成績表，每條記錄由學號、姓名和分數和名次組成，設計演算法完成下列操作：（1）設計一個顯示對學生資訊操作的選單函式如下所示： *************************1、錄入學生基本資訊2、直接插入排序3、氣泡

ASP.NET Core 2.1 : 十二.內置日誌、使用Nlog將日誌輸出到文件（轉）

layout short including 文件名 rdquo 1.0 復雜 net 當前應用離不開日誌，雖然現在使用VS有強大的調試功能，開發過程中不復雜的情況懶得輸出日誌了（想起print和echo的有木有），但在一些復雜的過程中以及應用日常運行中的日誌還是非常有用

制作根文件系統、使用NFS燒寫、編譯使用驅動程序（2）

clas bz2 節點 family 好的根文件系統 pan ini 驅動 1.制作根文件系統 1.1 先解壓文件系統，/wok/nfs_root 目錄下是已經構造好的各種文件系統：① fs_mini.tar.bz2 是最小的根文件系統，裏面的設備節點是事先建立好的；②

ABP官方文檔翻譯 6.2.1 ASP.NET Core集成

mic 模型 binder let 轉換 span optional document clas ASP.NET Core 介紹遷移到ASP.NET Core？啟動模板配置啟動類模塊配置控制器應用服務作為控制器

46、求1+2+3+...+n，要求不能使用乘除法、for、while、if、else、switch、case等關鍵字及條件判斷語句（A?B:C）。

closed else while spl 判斷語句 stat 條件執行 ret 思路：循環或者遞歸都有個結束條件和執行條件。用&&短路與代替。 //短路與&&；就是只有前一個條件滿足才可以去判斷第二個條件。 //遞歸的出口

文本壓縮算法的對比和選擇

進行適應單純 sed 做的 window fonts 其它性能在數據壓縮領域裏，文本壓縮的歷史最久，從Morse到Huffman和算術編碼(Arithmetic coding)，再到基於字典和上下文的壓縮算法。各種算法不斷改進，從通用算法，到現在更具針對性的算法，結

25、轉錄本(transcript)組成(gtf文件的第三列)

技術 top 不一定 idt 分享 orf 一個 2.3 ear 轉錄本(transcript)長度範圍 3214482 到3671498 3214482--3216021----3216022--3216024----3216025--3216968----3421702

C# 彩色文件夾2.1.5

right 自動統一管理 mage dds 管理器 icon 選擇 com 最新下載地址：https://pan.baidu.com/s/1c1FqYqs 具體介紹見官網MultiColorWin或者http://www.cnblogs.com/QQ818673

章節號比較排序（A.1、B.2.1、C.4）

java 章節號排序 private static int compareSerialNum(String str1,String str2){ if(str1.equals(str2)){ return 0; } if(!str1.contains(".")&

14.2.1選擇文本、取得選擇的文本、選擇部分文本

相關推薦