如何解决输入失去焦点后添加img和setTimeout
| 遵循以下示例:<tr>
<td width=\'75px\' class=\'someClass\'>
<input class=\'input\' type=\'text\' size=\'5\'/>
</td>
<td width=\'75px\'class=\'someClass\'>some value</td>
</tr>
我上面的代码有10行,所以这很简单:
当我从输入中失去焦点时,我必须在输入旁边创建一个img,然后将timeOut设置为仅淡出该img的时间。
解决方法
这是如何执行此操作的基本示例:
$(\'input.input\').live(\'blur\',function() {
var $this = $(this);
var $img = $(\'<img/>\').attr(\'src\',\'http://placekitten.com/70/70\');
$this.after($img);
setTimeout(function() {
$this.next(\'img\').fadeOut(\'slow\',function() {
$(this).remove();
});
},1000);
});
演示:http://jsfiddle.net/fBfV4/1/
, 我...我想我明白你的追求。这应该接近:
$(\'td.someClass input\').blur(function () {
var $this = $(this);
$this.parent().append(\'<img src=\"\" />\');
setTimeout(function () {
$this.next(\'img\').remove();
},1500);
});
, $(\'.input\').mouseout(function() {
$(this).after(\'<img src=\"src.jpg\" />\');
setTimeout(function() {
$(this).next(\'img\').fadeOut(\'slow\'),1000);
});
这将在输入字段后追加图像,然后在指定间隔后开始淡出。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。