Как скрыть последние цифры номера и обеспечить конфиденциальность
В статье рассматривается метод скрытия последних цифр номера телефона на веб-сайте с использованием виджета HTML. Вы узнаете, как это поможет Вам защитить свои личные данные и предотвратить нежелательные звонки. Приведенный пример с использованием WordPress и Elementor позволит Вам легко реализовать эту функцию на своем сайте.
НАВЕДИ НА НОМЕР → +7 (999) 999-XX-XX
Для начала, Вам понадобится установить WordPress на Ваш веб-сайт. Затем Вы можете создать страницу или пост, где будет отображаться Ваш скрытый номер телефона.
<span id="phone">+7 (999) 999-XX-XX</span>
Для реализации следующего функционала нам потребуется немного JavaScript.
<script>
document.getElementById("phone").addEventListener("mouseover", function() {
var phone = "+7 (999) 999-99-99";
this.innerHTML = phone;
});
document.getElementById("phone").addEventListener("mouseout", function() {
var phone = "+7 (999) 999-XX-XX";
this.innerHTML = phone;
});
</script>
Этот код создает элемент `<span>` с идентификатором «phone», который содержит Ваш скрытый номер телефона «+7 (999) 999-XX-XX». Затем с помощью JavaScript добавляются обработчики событий для элемента.
Когда пользователь наводит курсор на элемент, событие «mouseover» срабатывает и скрытый номер телефона заменяется на полный номер «+7 (999) 999-99-99». Когда пользователь уводит курсор с элемента, событие «mouseout» срабатывает и номер телефона снова скрывается. Таким образом, при наведении на номер телефона он будет показываться полностью, а когда пользователь уводит курсор, номер снова становится скрытым. Надеюсь, это поможет Вам реализовать функциональность скрытия номера телефона на Вашем веб-сайте!
