jquery設置input不可編輯，背景變灰，鼠標變禁止

先看效果

 

$("#id").attr("onfocus", "this.blur()");
$("#id").css("background", "#CCCCCC");
$("#id").css("cursor", "not-allowed");

 

不可編輯有三個方法

第一種是onfocus=this.blur()，這種比下面兩種好，因為連文字也不能選擇

$("#newNoteName").attr("onfocus", "this.blur()");

 

第二種是disabled="disabled"

$("#id").attr("disabled", "disabled");

 

第三種是readonly或者是readonly=“true”

$("#id").attr("readonly", "true");

 

參考文章：https://blog.csdn.net/delongcpp/article/details/8171826