美丽的小花园有许多榕树，一簇簇树叶伸到路面上，树叶真绿的可爱。榕树正在茂盛的时期，好象把它全部生命力都展示给我们看。那么多的树叶，一簇堆在另一簇上面，不留一点缝隙，我仿佛也成了一片树叶。那翠绿的颜色明亮地照耀着我的眼睛，似乎每片叶子上都颤动着一个新的生命。这美丽的北国树啊。
html中的input输入框设置为只读的话，只需要添加 readonly 属性即可，但如果用js的触发事件来做该怎么实现呢，下面提供一种JS设置 input 为只读状态的方法。
原生js代码设置input为只读状态的方法
js示例代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
</head>
<body>
<input type="text" id='mo' value="">
<button onclick="inputreadonly()">设置为只读取</button>
<script>
function inputreadonly(){
var mo = document.getElementById('mo');
mo.setAttribute("readOnly", true);
}
</script>
</body>
</html>运行代码演示
以上就是javascript设置input为只读的方法。人活着是一种心情，穷也好，富也好，得也好，失也好，一切都是过眼云烟，只要心情好，一切都好。更多关于javascript设置input为只读的方法请关注haodaima.com其它相关文章！