1. 鼠標拉選文字的操作

1.如果禁止鼠標拉選文字

css操作：
    .unselectable {
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        -khtml-user-select: none;
        user-select: none;
    }
    
 js操作：
    document.onselectstart = function(){
        return false;
    }

2.如何獲取鼠標拉選選擇的值

var funcGetSelectText = function(){
    var txt = '';
    if(document.selection){ // ie
        txt = document.selection.createRange().text;
    }else{ // 非ie
        txt = document.getSelection();
    }
    return txt.toString();
}
    
    // 一般用mouseup調用當前函數

3.如何定制css拉選選中文字的樣式

::-moz-selection {
  background: #26a69a;
  color: #ffffff;
}
::-webkit-selection {
  background: #26a69a;
  color: #ffffff;
}
::-ms-selection {
  background: #26a69a;
  color: #ffffff;
}
::-khtml-selection {
  background: #26a69a;
  color: #ffffff;
}
::selection {
  background: #26a69a;
  color: #ffffff;
}

/** 注意：section的文字效果僅作用于 背景顏色（不包含背景圖片） 字體顏色，不作用于 字體大小，字體樣式，字體粗細等等**/

2.鼠標的樣式

cursor.png

參考：cursor

3.input文本框不可編輯的3種方法

• 1、disabled 屬性規定應該禁用 input 元素，被禁用的 input 元素，不可編輯，不可復制，不可選擇，不能接收焦點,后臺也不會接收到傳值。設置后文字的顏色會變成灰色。
  disabled 屬性無法與 <input type="hidden"> 一起使用。
  示例：<input type="text" disabled="disabled" />

• 2、readonly 屬性規定輸入字段為只讀可復制，但是，用戶可以使用Tab鍵切換到該字段，可選擇,可以接收焦點，還可以選中或拷貝其文本。后臺會接收到傳值。 readonly 屬性可以防止用戶對值進行修改。
  readonly 屬性可與 <input type="text">或 <input type="password">配合使用。
  示例：<input type="text" readonly="readonly">

• 3、readonly unselectable="on" 該屬性跟disable類似，input 元素，不可編輯，不可復制，不可選擇，不能接收焦點，設置后文字的顏色也會變成灰色，但是后臺可以接收到傳值。
  示例：<input type="text" readonly unselectable="on" >