1<!DOCTYPE HTML> 2<html i18n-values='dir:textdirection;'> 3<style> 4 5html, body { 6 margin: 0; 7 overflow: hidden; 8} 9 10input { 11 bottom: 0; 12 left: 0; 13 margin: 0; 14 position: absolute; 15 right: 0; 16 top: 0; 17} 18 19</style> 20 21<body> 22 <input> 23</body> 24 25<script> 26 27var textfield = document.querySelector('input'); 28textfield.addEventListener('input', sendTextfieldValueToBrowser); 29 30/** 31 * Sends the textfield value to the browser. Called whenever the user presses a 32 * key. We first check if the key-press has really changed the text, then send 33 * the new value to the browser if so. 34 */ 35function sendTextfieldValueToBrowser() { 36 chrome.send('textfieldValue', [textfield.value]); 37} 38 39/** 40 * Sets textfield value 41 * @param {string} value 42 */ 43function setTextfieldValue(value) { 44 textfield.value = value; 45 sendTextfieldValueToBrowser(); 46} 47 48</script> 49</html> 50