HTML 标记中的 JavaScript OnChange 监听器位置

标签 javascript html

如果我将脚本放在 </form> 之后,我将无法让 OnChnage Listener 工作。标记监听器工作正常,但如果我将脚本放在 <head> 中标记它无法工作。

在我的网站上,我只能在 <head> 中使用脚本tags 有什么我可以做的让脚本在 <head> 中运行吗?标签?

在这个配置下脚本不工作

<head>
<script type="text/javascript">
if(window.addEventListener) {
    document.getElementById('address').addEventListener('change', loadXMLDoc, false);
} else if (window.attachEvent){
    document.getElementById('address').attachEvent("onchange", loadXMLDoc);
}

function loadXMLDoc(){
   alert('worked');
}
</script>
</head>

<body>
<form>

<input id="address" name="address" type="text"/>
<input id="test" name="test" type="text"/>

 </form>

最佳答案

这样说:

<head>
<script type="text/javascript">
window.onload= function () {
    if(window.addEventListener) {
        document.getElementById('address').addEventListener('change', loadXMLDoc, false);
    } else if (window.attachEvent){
        document.getElementById('address').attachEvent("onchange", loadXMLDoc);
    }

    function loadXMLDoc(){
       alert('worked');
    }
}
</script>
</head>

关于HTML 标记中的 JavaScript OnChange 监听器位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12185266/

相关文章:

javascript - event.preventDefault() 不适用于按钮?

javascript - 如何在每列末尾显示显示隐藏选项

javascript - 返回不在域中的项目的默认颜色,使用 d3.js scale ordinal

html - 进行 api 调用以呈现按钮并需要能够操作按钮 : for example be able to turn the font color red

javascript - 自动更新 Dropdrop 列表和值

javascript - 在调整窗口大小时移动 div 时需要帮助

javascript - 如何更改两个不同类中的两个 id css

javascript - Rails 网络应用程序 : Rack app error handling request { GET/packs/js/application-682c14949987e19a8380. js }

html - 旋转对象上的 css 动画

html - 在 Drupal 网站的 IE7/6 中不显示垂直滚动条?