Nota: IE7 e IE8 tienen permisos de copia para páginas web, que deben configurarse en el script "Nivel personalizado" en "Seguridad".
portapapelesObjeto de datos
Proporciona acceso al portapapeles.
tres métodos
1.clearData(sDataFormat) elimina los datos en el formato especificado del portapapeles.
2.getData(sDataFormat) Obtiene datos en el formato especificado del portapapeles.
3.setData(sDataFormat, sData) asigna datos en el formato especificado al portapapeles. Devolver verdadero indica que la operación fue exitosa.
ejemplo
<lenguaje de escritura="JavaScript">
<!--
var texto = "123";
if (!window.clipboardData.setData('Text', text)) // Asignar datos en formato de texto
{
alert("¡Copia fallida!");
}
text = window.clipboardData.getData('Text'); // Obtener datos en formato de texto
alerta(texto);
window.clipboardData.clearData('Text'); // Borrar datos de formato de texto
texto = ventana.clipboardData.getData('Texto');
alerta(texto);
//-->
</script>
Algunos métodos:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transicional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<cabeza>
<meta http-equiv="Tipo de contenido" content="text/html; charset=gb2312" />
<title>Código de copia Js</title>
</cabeza>
<cuerpo>
<p>
<input type="button" name="anniu1" onClick='copyToClipBoard()' value="Copia la dirección del tema y la dirección URL y envíalas a tus amigos en QQ/MSN">
<lenguaje de escritura="javascript">
función copiarAClipBoard(){
var clipBoardContent="";
clipBoardContent+=document.title;
clipBoardContent+="";
clipBoardContent+=this.ubicación.href;
window.clipboardData.setData("Texto",clipBoardContent);
alert("Copiado correctamente, péguelo en su QQ/MSN y recomiéndelo a sus amigos");
}
</script>
<br />
<br />
Copia la URL directamente
<input type="button" name="anniu2" onClick='copyUrl()' value="Copiar dirección URL">
<lenguaje de escritura="javascript">
función copiarUrl()
{
var clipBoardContent=this.ubicación.href;
window.clipboardData.setData("Texto",clipBoardContent);
alert("¡Copia exitosa!");
}
</script>
<br/>
<br/>
Al hacer clic en el cuadro de texto, copie el contenido dentro del cuadro de texto
<input onclick="oCopy(this)" value="Hola. ¡El contenido que deseas copiar!">
<lenguaje de escritura="javascript">
función oCopiar(obj){
obj.select();
js=obj.createTextRange();
js.execCommand("Copiar")
alert("¡Copia exitosa!");
}
</script>
<br />
<br />
Copiar el contenido de un cuadro de texto o campo oculto
<lenguaje de escritura="javascript">
función CopiarUrl(destino){
target.value=myimg.value;
objetivo.select();
js=myimg.createTextRange();
js.execCommand("Copiar");
alert("¡Copia exitosa!");
}
función AddImg(destino){
target.value="[IMG]"+myimg.value+"[/ img]";
objetivo.select();
js=target.createTextRange();
js.execCommand("Copiar");
alert("¡Copia exitosa!");
}
</script>
<nombre de entrada=tipo de miimg=id oculto=valor de miimg="http://pmp.www.VeVB.COm" />
<nombre de entrada=tipo imgurl=tamaño del texto=32 valor="http://pmp.www.VeVB.COm" />
<input type=button value="Haga clic aquí para copiar la dirección de este sitio web" onclick="CopyUrl(imgurl);"
<br />
<br/>
Copiar contenido en la etiqueta span
<tipo de script="texto/javascript">
</script>
<br />
<br />
<script type="text/javascript">función copiarTexto(obj)
{
var rng = document.body.createTextRange();
rng.moveToElementText(obj);
rng.scrollIntoView();
rng.select();
rng.execCommand("Copiar");
rng.collapse (falso);
alert("¡Copia exitosa!");
}
</script>
Aquí está el fragmento de código:< br />
<br />
<span id="tbid">http://pmp.www.VeVB.COm</span>
[<a href="#" onclick="copyText(document.all.tbid)">Haga clic para copiar</a>]<br/><br/>
<span id="tbid2">http://www.www.VeVB.COm/pmp</span>
[<a href="#" onclick="copyText(document.all.tbid2)">Haga clic para copiar</a>]<br/><br/>
</p>
</cuerpo>
</html>
Hay otra manera:
función copiarQQ(qq){
var obj=document.getElementById(qq);
obj.select();
js=obj.createTextRange();
js.execCommand("Copiar");
alert("¡El código se ha copiado correctamente!");
}
//Establece el contenido copiado y agrega la URL de este sitio web
función SetCopyContent() {
ventana.event.returnValue = falso;
contenido var = documento.título + "/r/n";
contenido += document.getElementById("txt1").value + "/r/n";
content += "Este recurso proviene de" + this.location.href;
window.clipboardData.setData('Texto', contenido);
alert("Copiado correctamente, péguelo en su QQ/MSN y recomiéndelo a sus amigos");
}
Llamar:
<input id="txt1" type="text" value="¡Hola mundo!" onclick="getTxtSelect(evento)"/>
<input type="button" value="Copiar el valor en el cuadro de texto" onclick="SetCopyContent();"
Copie el código de código de la siguiente manera:
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="servidor">
<title>Propiedades del objeto Ventana 02</title>
<script idioma="javascript" tipo="texto/javascript">
/*
Objeto window.screen: objeto de pantalla que contiene información relacionada con la pantalla.
Objeto window.clipboardData: objeto del portapapeles, objeto para operaciones del portapapeles. (Solo se puede copiar o formatear texto dentro de la página web)
clearData ("Texto"): borra el portapapeles
getData ("Texto"): lee el valor del portapapeles. Solo se admite el formato de texto en IE.
setData("Texto",valor): establece el valor en el portapapeles
Caso: Copiar la dirección a un amigo, ver notas
Deshabilitar la copia: establezca return false en el evento de copia del cuerpo;
oncopy, onpasa eventos: copiar y pegar eventos, se puede usar para la mayoría de los controles
*/
//Resolución de pantalla
función screenInfo() {
if (ventana.pantalla.ancho < 1024 || ventana.pantalla.alto < 768) {
window.alert("¡Su computadora es un producto prehistórico!");
devolver;
}
window.alert("Su resolución es: " + window.screen.width + " " + window.screen.height);
}
//Copiar dirección a un amigo
función operClipBoard() {
var divObj = document.getElementById("divClipBoard");
contenido var = divObj.innerText;
content = "El contenido que copiaste es:" + content + "/r/n Fuente del recurso:" + window.location.href;
window.alert('¡Copia exitosa!');
//Este atributo solo mostrará el contenido después de que el cliente lo haya copiado.
ventana.alert(ventana.clipboardData.getData("texto"));
window.clipboardData.setData("Texto",contenido);
}
//Prohibida la copia de páginas web
función prohibir copiar() {
window.alert("¡El contenido de la página web se puede ver pero no se puede mover!");
devolver falso;
}
</script>
</cabeza>
<cuerpo onload="screenInfo();" oncopy="prohibir copia();"
<formulario id="form1" runat="servidor">
<div id="divClipBoard" onclick="operClipBoard();" >
//www.VeVB.COm
</div>
<hora/>
Introduzca la contraseña:
<input type="text" oncopy="window.alert('¡Copia prohibida!');return false;"
Ingrese su contraseña nuevamente:
<input type="text" onpaste="window.alert('¡Pegar prohibido!');return false;"
</formulario>
</cuerpo>
</html>
Copie el código de código de la siguiente manera:
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="servidor">
<título></título>
<script idioma="javascript" tipo="texto/javascript">
/*
div no tiene evento de copia
el cuerpo y el cuadro de texto tienen este evento
*/
función OperClipBoard() {
window.clipboardData.setData("Text", window.clipboardData.getData("Text") + "/r/nEste recurso proviene de:" + window.location.href);
}
/*
Proceso: Oncopy se activa primero. Después de la activación, solo copia el contenido en el portapapeles. Si es necesario procesarlo dos veces, espere a que el contenido se copie en el portapapeles y luego realice dos operaciones, es decir, después de procesar el valor. ,
Durante la operación de asignación
*/
función copiarContenido()
{
ventana.setTimeout("OperClipBoard()", 100);
}
</script>
</cabeza>
<cuerpo>
<formulario id="form1" runat="servidor">
<div oncopy="copiaContenido();">
¡Hola MyJSWorld!
</div>
<br />
<input type="text" oncopy="OperClipBoard();" value="¡Hola MyJSWorld!"
</formulario>
</cuerpo>
</html>