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>
运行代码演示