CSS pointer-events ਪ੍ਰਾਪਰਟੀ
- ਪਿਛਲੀ ਪੰਨਾ place-self
- ਅਗਲਾ ਪੰਨਾ ਪੋਜ਼ੀਸ਼ਨ
ਨਿਰਧਾਰਣ ਅਤੇ ਵਰਤੋਂ
pointer-events ਵਿਸ਼ੇਸ਼ਤਾ ਇਲੈਕਟ੍ਰੌਨਿਕ ਇਨਪੁਟ ਇਵੈਂਟਾਂ 'ਤੇ ਪ੍ਰਤੀਕਿਰਿਆ ਕਰਨ ਵਾਲੇ ਇਲੈਕਟ੍ਰੌਨਿਕ ਤੱਤ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦੀ ਹੈ。
ਉਦਾਹਰਣ
ਇਲੈਕਟ੍ਰੌਨਿਕ ਇਨਪੁਟ ਇਵੈਂਟਾਂ 'ਤੇ ਪ੍ਰਤੀਕਿਰਿਆ ਕਰਨ ਵਾਲੇ ਇਲੈਕਟ੍ਰੌਨਿਕ ਤੱਤ ਸੈਟ ਕਰੋ:
div.ex1 {
pointer-events: none;
}
div.ex2 {
pointer-events: auto;
}
CSS ਗਰੰਥ
pointer-events: auto|none;
ਵਿਸ਼ੇਸ਼ਤਾ ਮੁੱਲ
| ਮੁੱਲ | ਵਰਣਨ |
|---|---|
| auto | ਮੂਲਤਬੀ ਮੁੱਲ। ਇਲੈਕਟ੍ਰੌਨਿਕ ਇਨਪੁਟ ਇਵੈਂਟਾਂ 'ਤੇ ਪ੍ਰਤੀਕਿਰਿਆ ਕਰਦਾ ਹੈ, ਜਿਵੇਂ ਕਿ :hover ਅਤੇ click。 |
| none | ਇਲੈਕਟ੍ਰੌਨਿਕ ਇਨਪੁਟ ਇਵੈਂਟਾਂ 'ਤੇ ਪ੍ਰਤੀਕਿਰਿਆ ਨਹੀਂ ਕਰਦਾ |
| initial | ਇਸ ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਇਸ ਦੇ ਮੂਲਤਬੀ ਮੁੱਲ 'ਤੇ ਸੈਟ ਕਰੋ। ਦੇਖੋ: initial. |
| inherit | ਇਸ ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਉਸ ਦੇ ਮਾਪੇ ਤੋਂ ਵਿਰਾਸਤੀ ਕਰੋ। ਦੇਖੋ: inherit. |
ਤਕਨੀਕੀ ਵੇਰਵੇ
| ਮੂਲਤਬੀ ਮੁੱਲ: | auto |
|---|---|
| ਵਿਰਾਸਤੀ ਕਰਨਾ: | ਹਾਂ |
| ਐਨੀਮੇਸ਼ਨ ਬਣਾਉਣਾ: | ਸਮਰਥਨ ਨਹੀਂ ਕਰਦਾ। ਦੇਖੋ:ਐਨੀਮੇਸ਼ਨ ਸਬੰਧੀ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ. |
| ਵਰਜਨ: | CSS3 |
| ਜਾਵਾਸਕ੍ਰਿਪਟ ਗਰੰਥ | object.style.pointerEvents="none" |
ਬਰਾਊਜ਼ਰ ਸਮਰਥਨ
ਸਪਰੇਸ਼ਨ ਵਿੱਚ ਸੰਖਿਆਵਾਂ ਇਸ ਵਿਸ਼ੇਸ਼ਤਾ ਦੇ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰਥਨ ਕਰਨ ਵਾਲੇ ਪਹਿਲੇ ਬਰਾਊਜ਼ਰ ਵਰਜਨ ਦਿਸਾਈ ਹਨ。
| ਚਰਮੋਨਾ | IE / ਐਜ਼ | ਫਾਰਫੈਕਸ | ਸਫਾਰੀ | ਓਪਰਾ |
|---|---|---|---|---|
| 2.0 | 11.0 | 3.6 | 4.0 | 9.0 |
- ਪਿਛਲੀ ਪੰਨਾ place-self
- ਅਗਲਾ ਪੰਨਾ ਪੋਜ਼ੀਸ਼ਨ
