proattrvalue

by xiaoji121

HTML

<div id="cont"><input id="psw" type="text" value="old value" /></div>

<textarea id="ta" style="height:100px;"></textarea>

CSS

input, textarea { font:12px consolas; width:400px; }

JavaScript

function $(id) { return document.getElementById(id); }
  function addInputEvent(elem, handler, useCapture) {
    elem.addEventListener ? elem.addEventListener("input", handler, false) :
      elem.attachEvent("onpropertychange", handler);
  }

(function () {
    var psw = $("psw"), cont = $("cont"), ta = $("ta"), txt;
    var inputing = function () {
      txt = cont.innerHTML + '\npsw.value:' + psw.value + '\npsw.getAttribute("value"):' + psw.getAttribute("value");
      ta.value = txt;
      
    }
        
    addInputEvent(psw, inputing);
    inputing();
      
}());