js两种只读实现方式

最新推荐文章于 2024-07-18 11:19:20 发布
最新推荐文章于 2024-07-18 11:19:20 发布
阅读量388 收藏
点赞数
分类专栏： web&js 文章标签： 浏览器 IE 活动 脚本
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jzq1999/article/details/83485827
版权

想让input框的值为只读，有两种实现：

document.getELementById(textId).disabled=true; 
document.getELementById(textId).readOnly=true;

第一种input的值变成灰色，第二种input的值的颜色正常显示。

JavaScript中的只读属性详解
2301_79325339的博客
09-24 643
在JavaScript中，我们经常需要定义对象的属性，并控制其是否可读写。只读属性保护了属性的值不被修改，但无法完全保护属性所引用的对象或数组的属性或元素。在实际开发中，只读属性可以用于确保某些数据的不可变性，增加代码的可靠性和安全性。方法定义的只读属性是一个对象或数组，我们仍然可以修改该对象或数组的属性或元素。需要注意的是，以上方法都只能保护属性的值不被修改，但属性本身并不是完全不可变的。要将属性定义为只读，我们需要将属性描述符对象的。属性定义为只读属性。属性时，赋值操作将被忽略，属性的值保持不变。
jquery设置复选框为只读_设置checkbox为只读(readOnly)的两种方式
weixin_39807859的博客
01-14 1804
设置checkbox为只读(readOnly)的两种方式方式一：checkbox没有readOnly属性，如果使用disabled=“disabled”属性的话，会让checkbox变成灰色的，用户很反感这种样式可以这样让它保持只读：设置它的onclick="return false"js里就是 checkbox.onclick=function(){return false;};方式二：复制代码...
Js只读（readOnly）和禁用（disabled）
是个非常热爱生活、乐观、奋斗、努力的逗比青年
05-16 5254
只读和禁用属性，其实只要掌握一种，就会第二种，两种方法一样，就是属性变了一下！
js 只读对象
最新发布
AntHub的博客
07-18 468
js 只读对象
js实现属性只读
weixin_34074740的博客
05-14 3064
第一种 Object.defineProperty 这种是在vue源码中看见的 let obj = { $data: {} }; Object.defineProperty(obj, '$data', { get() { return this; }, set() { return console.warn('只读属性不能修改'); } }) 复制代码第二种...
让 JavaScript 对象完全只读不可以被修改
Cool的博客
06-20 5361
版权归作者所有，任何形式转载请联系作者。 作者：U_U（来自豆瓣） 来源：https://www.douban.com/note/602809588/ 在 JavaScript 中, 如何让一个对象是不可变的? 即 immutable, 让这个对象只读, 不可以被修改, 被覆盖. 使用场景 为什么有这样的需求呢? 假象一下这样的场景, 我们写了一个 JS, 在其中定义了一个对象, 会开放出来...
设置checkbox为只读(readOnly)的两种方式
09-04
2. **用户体验**：尽管这两种方式可以实现只读效果，但用户可能不清楚为何无法更改状态。因此，建议在UI设计时提供清晰的提示，如增加文本说明或视觉提示。 3. **可访问性**：对于屏幕阅读器用户和其他辅助技术，...
asp.net 实现下拉框只读功能
10-27
在***中实现下拉框（标签）的只读功能，可以通过HTML和JavaScript两种主要方法来完成。由于下拉框的只读并非是其内置属性，因此需要通过额外的编码工作来实现。接下来，我们将详细探讨这两种实现方式。 首先，直接...
以太坊智能合约交互调用，web3.js，web3j两种方式实现
qq_36838406的博客, 微信交流 yrn1840
07-01 7488
导语 接上篇文章 《使用hardhat部署solidity智能合约到测试网》 部署完合约之后，那么如何区块链进行交互呢？这节的主要内容就是使用web3.js和web3j来与区块链以及链上的合约进行交互。其中web3.js是属于javascript的版本的， web3j是java版本的。 合约交互的类型 以太坊可以看做一个公共数据库，这个数据库提供了读、写功能，但是不能删除。 发起交易其实就是将交易写库，写库不能白写，其他节点帮你记录了数据，你要支付一些费用给帮你记录的节点，这个费用就是我们经常看到的gas。
js中实现对象属性只读
weixin_47589388的博客
11-09 1927
方法一： let obj = { name: '张三' } // name 只读，修改也没有反应 Object.defineProperty(obj, 'name', { writable: false, }) 方法二： let obj = { name: '张三' } Object.freeze(obj)
用js设置下拉框为只读
03-19
NULL 博文链接：https://shirleyit.iteye.com/blog/718633
js(jquery)设置元素只读（不可修改）、读写（可以修改）
travel7623的博客
10-30 4752
js(jquery)设置元素只读（不可修改） $("#site").attr("readOnly",true); js(jquery)设置元素读写（可以修改） $("#site").attr("readOnly",false); 该用法是将属性追加进选项的属性组中，用F12选中操作的目标选项，查看源码可以查看效果 ...
用js控制文本域的只读/可写
yiluoAK_47的专栏
02-21 1964
密码: 匿名发表(免注册) { var aa=document.getElementById("username"); var bb=document.getElementById("userpwd"); var cc=document.getElementById("content"); if(cc.checked) { aa.readonly=true;
通过id将一个text文本框设置为只读属性?
hello world！
12-26 3773
document.getElementById("username").readOnly="readonly";只读 document.getElementById("username").readOnly="";可读 document.getElementById("username").disabled="disabled";失效 document.getElementById("use
JavaScript让变量变成只读属性的几种方法
weixin_43434858的博客
04-09 3352
通过使用Object.defineProperty()函数将obj对象的pro1属性修改为不可写，这样，通过对象的属性形式实现了只读变量 defineProperty接收三个参数 object（必须有，操作的对象本身） propertyname（必须有，属性名，添加修改属性得有的属性名） descriptor（必须有，属性描述） descriptor内配置可有可无，value默认undefind，其余默认为false 设置属性的值：value 是否可操作属性值：writable 是否可修改配置：con
document.getElementById(“XXX“).disabled=““；
weixin_43862596的博客
09-01 2275
想要设置表单元素不能访问时，使用document.getElementById(“XXX”).disabled=“true”; 但是想要取消disabled的时候，发现document.getElementById(“XXX”).disabled=“false”; 无效 正确的写法为document.getElementById(“XXX”).disabled=false; 去掉引号 或者document.getElementById(“XXX”).disabled=""; 引号内设置为空 ...
关于js操作页面组建的readonly属性
知识积淀
07-16 754
<br />今天使用js来操作text组建的readonly属性,写成了下面这样的代码:<br />document.getElementById("name").readonly=true;<br />or<br />document.getElementById("name").readonly="readonly";<br />结果都不行,最后在网上查了以下,发现readonly写错了,正确的写法应该是:<br />document.getElementById("name").readOnly=tr
selenium操作日历控件
weixin_33910385的博客
06-02 864
日历控件是web网站上经常会遇到的一个场景，有些输入框是可以直接输入日期的，有些不能，以我们经常抢票的12306网站为例，详细讲解如何解决日历控件为readonly属性的问题。 基本思路：先用js去掉readonly属性，然后直接输入日期文本内容 一、日历控件 1.打开12306的车票查询界面，在出发日期输入框无法直接输入时间 2.常规思路是点开日历控件弹出框，从日历控件上...
js修改只读属性
ZMJ_QQ的博客
09-15 1124
js修改只读属性
解决Perforce文件只读问题的小型JavaScript库
为了解决这些挑战，诞生了一个名为 'p4' 的小型实用程序库，它提供了一种简便的方法来处理与 Perforce 相关的任务。" Perforce 版本控制系统的挑战 当开发者尝试在 Perforce 管理的工作区内自动构建或写入文件时，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值