一、瀏覽器圖片或者連接的默認操作
1.默認圖片選中拖動
2.默認連接選中拖動
二、CSS pointer-events 取消選中和拖動，取消鼠標默認操作
加上pointer-events: none; 即可取消鼠標選中拖動操作。
<style> .block{ pointer-events: none; } img{ width: 300px; } </style>
<div class="block"> <a href="http://www.jnqianle.cn/"> 濟南小程序開發|濟南小程序製作|濟南小程序定製|濟南小程序開發公司 - 千樂微雲 <br> 千樂微雲是濟南小程序開發，小程序定製，小程序製作，微信小程序開發的優秀技術團隊。提供專業搭建微信小程序，百度小程序，字節小程序，支付寶小程序等多平臺的濟南小程序開發公司 </a> <br> <br> <img src="http://www.jnqianle.cn/upload/logo/content/202204/01/3b68f8d0-cdb3-49cb-b4e9-d518700047b6.jpg"> </div>
三、CSS pointer-events 使用介紹
定義和使用
pointer-events 屬性用於設置元素是否對鼠標事件做出反應。
| 默認值: | none |
|---|---|
| 默認值: | auto |
| 繼承: | 無 |
| 動畫: | no。 |
| 版本: | CSS3 |
| JavaScript 語法: | object.style.all="initial" |
瀏覽器支持
表格中的數字表示支持該屬性的瀏覽器最低版本號。
| 屬性 | 谷歌 | Edge | 火狐 | Safari | Opera |
|---|---|---|---|---|---|
| pointer-events | 2.0 | 11.0 | 3.6 | 4.0 | 9.0 |
屬性值
| 屬性值 | 描述 |
|---|---|
| auto | 默認值，設置該屬性鏈接可以正常點擊訪問。 |
| none | 元素不能對鼠標事件做出反應 |
| initial | 設置該屬性爲它的默認值 |
| inherit | 從父元素繼承該屬性 |
/* 屬性值 */ pointer-events: auto; pointer-events: none; pointer-events: visiblePainted; /* 只適用於 SVG */ pointer-events: visibleFill; /* 只適用於 SVG */ pointer-events: visibleStroke; /* 只適用於 SVG */ pointer-events: visible; /* 只適用於 SVG */ pointer-events: painted; /* 只適用於 SVG */ pointer-events: fill; /* 只適用於 SVG */ pointer-events: stroke; /* 只適用於 SVG */ pointer-events: all; /* 只適用於 SVG */ /* 全局值 */ pointer-events: inherit; pointer-events: initial; pointer-events: unset;
visiblePainted
只適用於 SVG，元素只有在以下情況纔會成爲鼠標事件的目標：
- visibility 屬性值爲 visible，且鼠標指針在元素內部，且 fill 屬性指定了 none 之外的值
- visibility 屬性值爲 visible，鼠標指針在元素邊界上，且 stroke 屬性指定了 none 之外的值
visibleFill
只適用於 SVG，只有在元素 visibility 屬性值爲 visible，且鼠標指針在元素內部時，元素纔會成爲鼠標事件的目標，fill 屬性的值不影響事件處理。
visibleStroke
只適用於 SVG，只有在元素 visibility 屬性值爲 visible，且鼠標指針在元素邊界時，元素纔會成爲鼠標事件的目標，stroke 屬性的值不影響事件處理。
visible
只適用於 SVG，只有在元素 visibility 屬性值爲 visible，且鼠標指針在元素內部或邊界時，元素纔會成爲鼠標事件的目標，fill 和 stroke 屬性的值不影響事件處理。
painted
只適用於 SVG，元素只有在以下情況纔會成爲鼠標事件的目標：
- 鼠標指針在元素內部，且 fill 屬性指定了 none 之外的值
- 鼠標指針在元素邊界上，且 stroke 屬性指定了 none 之外的值
visibility 屬性的值不影響事件處理。
fill
只適用於 SVG，只有鼠標指針在元素內部時，元素纔會成爲鼠標事件的目標，fill 和 visibility 屬性的值不影響事件處理。
stroke
只適用於 SVG，只有鼠標指針在元素邊界上時，元素纔會成爲鼠標事件的目標，stroke 和 visibility 屬性的值不影響事件處理。
all
只適用於 SVG，只有鼠標指針在元素內部或邊界時，元素纔會成爲鼠標事件的目標，fill、stroke 和 visibility 屬性的值不影響事件處理。
更多：
Css Transition height auto過渡效果問題整理