html – حفاظت در برابر نوع ورودی = "رمز عبور" تغییر می کند؟

خوب، شما می توانید با استفاده از API MutationObserver انجام دهید.

 const inputPasswordElements = document.querySelectorAll ('input [type=password]')؛
const observer = MutationObserver جدید (عملکرد (جهش) {
    mutations.forEach (تابع (جهش) {
        اگر (mutation.type === 'attributes' && mutation.attributeName === 'type') {
            mutation.target.value = ''؛
        }
    })؛
})؛
Array.from (inputPasswordElements) برای هر (تابع (ورودی) {
    observer.observe (ورودی، {attributes: true})؛
})؛

اگر نوع ورودی تغییر کند، رمز عبور را حذف خواهد کرد. نسخه ی نمایشی موجود در اینجا

اما چرا شما این کار را می کنید؟ کاربر می تواند رمز عبور را در منبع به هر حال خواند، تا از انجام آن جلوگیری کند.

همچنین لطفا توجه داشته باشید که اجازه دادن به کاربر برای دیدن رمز عبور خود را در یک قالب متن روشن امروز بسیار رایج است، به شما اجازه می دهد تا قبل از ارسال یک فرم برای تایپ های خود چک کنید. اگر وبسایت شما این گزینه را اجازه نمیدهد، احتمال دارد که کاربران در منبع خود چک کنند.

لطفا با کاربران خود خصومت نکنید. به جای آنها کمک کنید.