onpaste ఈవెంట్
నిర్వచనం మరియు ఉపయోగం
onpaste ఈవెంట్ వినియోగదారు ప్రతిపాదిత ప్రక్రియను ఎలంట్ లోకి ప్యాస్ట్ చేసినప్పుడు జరుగుతుంది.
అన్ని హ్ట్మ్ల్ ఎలంట్లు onpaste ఈవెంట్ ను మద్దతు చేస్తాయి, కానీ ఉదాహరణకు <p> ఎలంట్ లో ప్రతిపాదిత ప్రక్రియను ప్యాస్ట్ చేయడం సాధ్యం కాదు, అది contenteditable ను "true" గా సెట్ చేయబడినప్పుడు మాత్రమే (క్రింది ఉదాహరణలను చూడండి).
హింసాజనకం: onpaste ఈవెంట్ ప్రధానంగా type="text" యొక్క <input> ఎలంట్ కు ఉపయోగించబడుతుంది.
హింసాజనకం:ప్రతి ఎలంట్ లోకి ప్రతిపాదిత ప్రక్రియను ప్యాస్ట్ చేయడానికి మూడు విధాలు ఉన్నాయి:
- CTRL + V
- బ్రౌజర్ ఎడిట్ మెనూ నుండి ప్యాస్ట్ ఎంపిక చేయండి
- కుడి క్లిక్ మెనూలో ప్యాస్ట్ కమాండ్ ఎంపిక చేయండి
ఉదాహరణ
ఉదాహరణ 1
ఇన్పుట్ <input> ఎలంట్ లో పాఠం ప్యాస్ట్ చేసినప్పుడు జావాస్క్రిప్ట్ నిర్వహించండి:
<input type="text" onpaste="myFunction()" value="ఇక్కడ ప్యాస్ట్ చేయండి">
ఉదాహరణ 2
పేరాగ్రాఫ్ <p> ఎలంట్ లో పాఠం ప్యాస్ట్ చేసినప్పుడు జావాస్క్రిప్ట్ నిర్వహించండి (నోట్: contenteditable ను "true" గా సెట్ చేయబడింది):
<p contenteditable="true" onpaste="myFunction()">ఈ పేరాగ్రాఫ్ లోకి ఏదో ప్యాస్ట్ చేయండి.</p>
సంకేతం
హ్ట్మ్ల్ లో:
<ఎలంట్ onpaste="myScript">
జావాస్క్రిప్ట్ లో:
ఆబ్జెక్ట్.onpaste = function(){myScript};
జావాస్క్రిప్ట్ లో, addEventListener() మాధ్యమాన్ని ఉపయోగించడం:
ఆబ్జెక్ట్.addEventListener("paste", myScript);
ప్రత్యామ్నాయ వివరాలు:ఇంటర్నెట్ ఎక్స్ప్లోరర్ 8 లేదా అంతకు ముంది వర్షన్లు ఈ మాధ్యమాన్ని మద్దతు చేయవు addEventListener() మాధ్యమం。
సాంకేతిక వివరాలు
బాలుపు: | 支持 |
---|---|
రద్దు చేయగలిగే: | 支持 |
ఈవెంట్ రకం: | ClipboardEvent |
支持的 HTML 标签: | 所有 HTML 元素 |
浏览器支持
事件 | Chrome | IE | Firefox | Safari | Opera |
---|---|---|---|---|---|
onpaste | 支持 | 支持 | 支持 | 支持 | 支持 |