javascript-jquery设置关注动态内容？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-jquery设置关注动态内容？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含804字，纯文字阅读大概需要2分钟。

内容图文

在jquery中,我附加了< li>元素到无序列表.

如何关注新创建的< li> ？

如果我执行以下操作：

$("ul").append('<li><input type="text" value="Hi!"></li>');
$("li:last").focus(); //doesn't work because new <li> isn't in dom yet

如上所述,焦点不起作用.

我知道jquery 1.4.2有一个live()事件处理程序,它允许您加载事件处理程序以动态添加元素,但是我不确定自己在做什么错：

$(document).ready(function () {

    $('li').live('load', function () {
       alert("hi!");
       $("li:last").focus();
    });
 });

解决方法:

您只能将焦点设置为可以保持焦点的元素.默认情况下,列表项不能.这就是为什么第一个示例失败的原因,不是因为它不在DOM中(而是在DOM中,这就是append所做的事情)

通常,您应该使用旨在保持焦点的元素(即,将焦点设置在输入而不是列表项上).您还可以(但这样做向后兼容性较差,逻辑性较差)使用HTML5的tabindex(可能将其设置为0).

onload将不起作用,因为列表项不会加载外部内容.

内容总结

以上是互联网集市为您收集整理的javascript-jquery设置关注动态内容？全部内容，希望文章能够帮你解决javascript-jquery设置关注动态内容？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端