div只读属性

.read-only-div * {
    pointer-events: none;
    opacity: 0.6; /* 可选，用于视觉提示 */
}

document.querySelectorAll('.read-only-div input, .read-only-div textarea').forEach(el => {
    el.disabled = true;
});

.read-only-div > * {
    pointer-events: none !important;
}

document.addEventListener('DOMContentLoaded', function() {
    document.querySelectorAll('.read-only-div input, .read-only-div textarea').forEach(el => {
        el.disabled = true;
    });
});

function setReadOnly(selector) {
    document.querySelectorAll(selector).forEach(el => {
        el.disabled = true;
    });
}

// 初始设置
setReadOnly('.read-only-div input, .read-only-div textarea');

// 动态添加元素后的处理
document.querySelector('.read-only-div').addEventListener('DOMNodeInserted', function(e) {
    if (e.target.tagName === 'INPUT' || e.target.tagName === 'TEXTAREA') {
        e.target.disabled = true;
    }
});