if(typeof HTMLElement!="undefined" && !HTMLElement.prototype.insertAdjacentElement) { HTMLElement.prototype.insertAdjacentElement = function(where,parsedNode) { switch (where) { case 'beforeBegin': this.parentNode.insertBefore(parsedNode,this) break; case 'afterBegin': this.insertBefore(parsedNode,this.firstChild); break; case 'beforeEnd': this.appendChild(parsedNode); break; case 'afterEnd': if (this.nextSibling) this.parentNode.insertBefore(parsedNode,this.nextSibling); else this.parentNode.appendChild(parsedNode); break; } }
HTMLElement.prototype.insertAdjacentHTML = function (where,htmlStr) { var r = this.ownerDocument.createRange(); r.setStartBefore(this); var parsedHTML = r.createContextualFragment(htmlStr); this.insertAdjacentElement(where,parsedHTML) }
HTMLElement.prototype.insertAdjacentText = function (where,txtStr) { var parsedText = document.createTextNode(txtStr) this.insertAdjacentElement(where,parsedText) } } 31、elementFromPoint Ie下有elementFromPoint方法,但是firefox没有,可以重写该方法
Document.prototype.elementFromPoint = function(x, y) { this.addEventListener("mousemove", this.elementFromPoint__handler, false); var event = this.createEvent("MouseEvents"); var box = this.getBoxObjectFor(this.documentElement); var screenDelta = { x: box.screenX, y: box.screenY }; event.initMouseEvent("mousemove", true, false, this.defaultView, 0, x + screenDelta.x, y + screenDelta.y, x, y, false, false, false, false, 0, null); this.dispatchEvent(event); this.removeEventListener("mousemove", this.elementFromPoint__handler, false); return this.elementFromPoint__target; } Document.prototype.elementFromPoint__handler = function (event) { this.elementFromPoint__target = event.explicitOriginalTarget;
if (this.elementFromPoint__target.nodetype == Node.TEXT_NODE) this.elementFromPoint__target = this.elementFromPoint__target.parentNode;
//****added this code to check for textboxes and textareas if ( this.elementFromPoint__target.nodeName=="#document" )//possible textbox or textarea { rp = event.rangeParent; alert("event.rangeParent = " + rp); if ( event.rangeParent.nodetype == Node.TEXT_NODE )//textbox with a value this.elementFromPoint__target = event.rangeParent.parentNode.parentNode; else if ( event.rangeParent.nodeName == 'div' )//textbox without a value this.elementFromPoint__target = event.rangeParent.parentNode; } //****end. However this cause permission denied as the rangeParent object appears to be private!