使用javascript设置鼠标焦点并将光标移动到输入的末尾

这个问题以不同的形式被问到，但在我的案例中，我无法得到任何答案

我使用vanilla javascript将焦点设置在特定的输入字段上，这样当有人单击导航栏上的元素时，它将焦点设置在输入字段上，并将光标移动到那里。我尝试过使用.focus方法，但在这里不适用

为了提供一些上下文，我正在使用Django并实现模板继承

app.js

var newlsetter=document.querySelector'newsletter'； newlsetter.addEventListenerclick，activateNewsletterInput； 函数activateNewsletterInput{ document.querySelector'sg_email'。焦点； } sidebar.html

... ... footer.html

... 收到我们的通讯： 订阅 ... => { const newsletter=document.querySelector'newsletter'； 常数activateNewsletterInput={ 目标：目标元素 } => { 如果targetElement.id=='newsletter'| | targetElement.id==='linkNewsletter'{ document.querySelector'sg_email'。焦点； } } document.addEventListenerclick，activateNewsletterInput，false } 收到我们的通讯： 订阅

---

您确定在文档中输入元素之后代码正在运行吗？例如，在主体底部的加载侦听器或脚本元素中。将代码转换为可运行的代码段，并将代码放在元素工作之后。@RobG如果输入元素和触发代码的元素位于不同的文件中，您将如何实现这一点？最简单的解决方案可能是将加载脚本的脚本元素移到关闭体标记之前。我已编辑了问题，HTML不是全部在一个文件中找到的。请修改代码以将动态元素链接到事件。试试看。这是什么意思？模板继承HTML控件是动态创建的，当您加载js并尝试链接click事件时，该元素尚未在DOM中绘制。我如何能够在考虑这一点的同时实现该功能？