javascript html 文本框插入文本,HTML5拖放：使用JavaScript在文本框中加载文本文件...

我认为HTML5所需的一切都包含在github上的

remy/html5demos中.

编辑

相关脚本：

// modified from http://html5demos.com/file-api

var holder = document.getElementById('holder'),state = document.getElementById('status');

if (typeof window.FileReader === 'undefined') {

state.className = 'fail';

} else {

state.className = 'success';

state.innerHTML = 'File API & FileReader available';

}

holder.ondragover = function() {

this.className = 'hover';

return false;

};

holder.ondragend = function() {

this.className = '';

return false;

};

holder.ondrop = function(e) {

this.className = '';

e.preventDefault();

var file = e.dataTransfer.files[0],reader = new FileReader();

reader.onload = function(event) {

console.log(event.target);

holder.innerText = event.target.result;

};

console.log(file);

reader.readAsText(file);

return false;

};​