超简单：输入框中被选中文本监听函数封装，输入框文本动态监听！！！封装完毕，随用随取

来源：互联网发布：bio rad cfx96 软件编辑：程序博客网时间：2024/06/05 18:31

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title></head><body><input type="text" id="input"><p id="p">烟台大学</p></body><script>    var input = document.getElementById("input");    input.onselect = function () {        var selection = getSelection(input);        alert(selection);    }//    输入框中被选中文本监听函数封装    function getSelection(ele) {        if (ele.selectionStart/* !== undefined*/) {/*IE9，10或者其他浏览器*/            return ele.value.substring(ele.selectionStart, ele.selectionEnd);        } else {/*IE5,6,7,8*/            return document.selection.createRange().text;        }    }//输入框文本动态监听    var value = input.value;    input.oninput = function () {//        该事件类似于 onchange 事件。不同之处在于// oninput 事件在元素值发生变化是立即触发，//  onchange 在元素失去焦点时触发。另外一点不同是//  onchange 事件也可以作用于 <keygen> 和 <select> 元素。        var newvalue = input.value;        if (value != newvalue){            console.log(newvalue);        }else {            console.log(value);        }    }</script></html>

阅读全文

0 0