Red de conocimiento informático - Material del sitio web - Cómo crear notas usando javascript

Cómo crear notas usando javascript

Se ha agregado la función de agregar nuevas notas. Espero que el autor pueda ampliar el resto e investigar más por su cuenta.

==============================

El cartel no explicó si Se necesita soporte para múltiples navegadores, todos saben que JS está escrito de manera diferente en diferentes navegadores. Naturalmente, no lo haré tan complicado. Iré a Firefox u otros navegadores para probarlo. Después de todo, responder preguntas aquí es solo un pasatiempo. No lo haré tan complicado. El código anterior solo puede pasar la prueba en IE6.0. Puedes probarlo en IE6.

El código modificado se probó en IE y Firefox. Si desea admitir otros navegadores, modifique el navegador que admite.

================

lt;HTMLgt

lt;HEADgt; p>lt; TITLEgt; Nuevo documento lt; /TITLEgt;

lt; script language="javascript"gt

//Habilitar Firefox para admitir el método insertAdjacentHTML; p>if(typeof HTMLElement!=prototype.insertAdjacentElement)

{

HTMLElement.prototype.insertAdjacentElement = función(donde, parsedNode)

{

cambiar (donde)

{

case 'beforeBegin':

this.parentNode.insertBefore(parsedNode, this)

break;

caso 'afterBegin':

this.insertBefore(parsedNode, this.firstChild

break

case 'beforeEnd'; :

this.appendChild(appendChild( parsedNode);

break;

case 'afterEnd':

if (this.nextSibling ) this.parentNode.insertBefore(parsedNode, this.nextSibling );

else this.parentNode.appendChild(parsedNode);

break; p>

}

HTMLElement.prototype.insertAdjacentHTML = función (donde, htmlStr)

{

var r = this.ownerDocument.createRange() ;

r.setStartBefore(this);

var parsedHTML = r.createContextualFragment(htmlStr);

this.insertAdjacentElement(donde, parsedHTML)

}

HTMLElement.prototype. insertAdjacentText = función (donde, txtStr)

{

var parsedText = document.createTextNode(txtStr)

this.insertAdjacentElement(donde, parsedText)

}

}

var moveDiv

var oldX;

var oldY;

función abajo(div, evento){

moveDiv = div

if(getBrowserType() == "zorro"){

oldX = event.pageX;

oldY = event.pageY;

}else{

oldX = evento.x;

oldY = evento.y

}

if(getBrowserType() == "zorro"){

document.addEventListener("mousemove", mover, verdadero

}else{

div.setCapture()

}

<; p>}

función mover(evento){

if(null!=moveDiv){

var oldXtemp = parseInt(moveDiv.style.left);

var oldYtemp = parseInt(moveDiv.style.top);

if(getBrowserType() == "fox"){

oldXtemp = evento oldXtemp. pageX-oldX;

moveDiv.style.left = oldXtemp;

oldX = event.pageX

oldYtemp = oldYtemp event.pageY - oldY; p>

oldX = event.pageX

p>

moveDiv.style.top = oldYtemp

oldY = event.pageY

}else{

oldXtemp = oldXtemp event.x- oldX;

moveDiv.style.left = oldXtemp

oldX = event.x

oldYtemp = oldYtemp event.y - oldY

moveDiv.style.top = oldYtemp

oldY = event.y ; }

}

}

función arriba(divObj){

if(null!=moveDiv){

if(getBrowserType() == "zorro"){

documento.

}