javascript - 通过 Javascript 将 HTML 注入(inject) div

Question

我正在尝试在 Jira 创建的 HTML 标记中获取 onclick/onfocus/onchange。该元素本身是一个下拉列表，虽然我可以专注于处理其他 ID，但我无法让它处理下拉列表

我有什么:

<script type ="text/javascript" >
console.log("Testing");
var colorDropDown = document.getElementById('someID');

function changeColor()
{
    //if(value)
    alert("Hello World");
}

document.getElementById("someID").innerHTML ="<onfocus=\"changeColor()\"></select>"
//document.getElementById("customfield_11901").innerHTML = "<select class=\"select cf-select\" name=\"customfield_11901\" id=\"customfield_11901\" onfocus=\"changeColor()\">"

</script>

使用innerHTML后，onfocus不会出现在页面中。我也尝试过复制整个标签并通过 HTML 输入它。

我在 getElementById 之后使用了 .onchange 函数，但这也不起作用。

Answer 1

我会在 jQuery 下使用 .attr() 函数:

$('#select_id').attr('onfocus', 'changeColor();');

或者你可以使用纯 JS 的 addEventListener:

object = document.getElementById('#select_id');
object.addEventListener('focus', 'changeColor();');