我想让焦点上的占位符文本闪烁。

这是我的html代码:

<input type="text" id="keyfob" class="customform col-sm-12 text-red" data-required='true' placeholder=" Please click here to Key Fob scanning work">


这是我的jQuery代码:

$('#keyfob').on("focus blur", function(){
    $(this).attr("placeholder") == "" ? $(this).attr("placeholder", "Please click here for Key Fob scanning to work") : $(this).attr("placeholder", "");
});


working js fiddle code

现在,我要闪烁占位符文本“请单击此处以进行Key Fob扫描工作”。

所以请任何人能帮助我吗?

最佳答案

这是jQuery

function blink() {

if ($('input[type=text]').attr('placeholder')) {
 // get the placeholder text
 $('input[type=text]').attr('placeholder', '');
}
else {
  $('input[type=text]').attr('placeholder', 'Placeholder Text...');
}
setTimeout(blink, 1000);
}


html

<body onload='blink()'>
<input type="text" on-click='blink()' id="keyfob" class="customform col-sm-12 text-red" data-required='true' placeholder=" Please click here to Key Fob scanning work">

10-05 20:56
查看更多