我正在构建一个显示一堆电话号码的小应用程序。
javascript 对象看起来像这样:
myObject.phoneNumber = model.phoneNumber;
然后我在屏幕上显示 myObject.phoneNumber。但是,我想掩盖它,使其看起来像 XXX-XXX-1234。然后,每当您将鼠标悬停在电话号码上时,您都会看到整个电话号码!
我正在考虑做这样的事情......
myObject.phoneNumber = model.phoneNumber;
myObject.maskedNumber = model.phoneNumber.replaceFirst6WithX's //psuedoCode
然后鼠标悬停,
$(".phoneNumber")
.mouseOver(function (e) {
$(".phoneNumber").hide();
$(".maskedNumber").show()
});
而在鼠标移出时则相反。
所以我的问题是:我如何屏蔽(或隐藏前 6 个)电话号码来完成此操作?