CSS中,可以通過設置類別來讓一個框只能進行查看操作,即無法進行編輯、復制等操作。
.view-only { user-select: none; /* 禁止選中 */ pointer-events: none; /* 禁止點擊 */ -webkit-touch-callout:none; /* 禁止長按菜單 */ -webkit-user-select:none; /* Webkit瀏覽器 */ -moz-user-select:none; /* Firefox */ -ms-user-select:none; /* IE10+ */ user-select:none; }
上述代碼中,user-select: none;
表示禁止選中,pointer-events: none;
表示禁止點擊,-webkit-touch-callout: none;
表示禁止長按菜單,-webkit-user-select: none;
、-moz-user-select: none;
、-ms-user-select: none;
和user-select: none;
則表示分別在Webkit瀏覽器、Firefox 和 IE10+中禁止選擇。
將上述代碼加入到你的CSS樣式表中即可讓指定類別的元素只能進行查看操作。