SOURCE

console 命令行工具 X clear

                    
>
console
const www = document.querySelector('.www')
www.addEventListener('focus',(e)=>{
    e.preventDefault()
})
www.addEventListener('select',(e)=>{
    e.stopPropagation()
})
www.addEventListener('select',(e)=>{
    e.preventDefault()
})
www.addEventListener('select',(e)=>{
    e.preventDefault()
})
www.addEventListener('focus',(e)=>{
    e.preventDefault()
    e.stopPropagation()
})
<div class="wrapper">
<div class='wow'>23213
    312312321
    31223213312
    321312
        312312321
    31223213312
    321312
        312312321
    31223213312
    321312
        321312
        312312321
    31223213312
    321312
        321312
        312312321
    31223213312
    321312
    <input value='123' type="" style='width:120px;' class='www'>
</div>
</div>

.wow{
    white-space: pre-wrap;
    background: gainsboro;
    height:200px;
    overflow: scroll;
}
.www{
    position: absolute;
    bottom:0
}
.wrapper{
    position:relative;
}