javascript - js 写一个电话号码马赛克效果
本文介绍了javascript - js 写一个电话号码马赛克效果的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
如图,怎么用js让电话号码中间的几个数字不可见 然后点击就可见 再次点击又不可见 前端白痴 求大神支招!!! 想要看上去就很优雅的代码!!
解决方案
用正则呗!大概如下:
<span data-value="13418080097" class="phoneNum"></span>
$('.btn').toggle(function(){
$('.phoneNum').html($(this).attr('data-value').replace(/(\d{3})\d+(\d{5})/,'$1*****$2'));
},function(){
$('.phoneNum').html($(this).attr('data-value'));
});
这篇关于javascript - js 写一个电话号码马赛克效果的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文