给submit提交按钮添加点击事件（JavaScript）

最新推荐文章于 2024-04-29 17:39:04 发布

巴依尔13

最新推荐文章于 2024-04-29 17:39:04 发布

阅读量3.1w

点赞数 3

分类专栏：前端开发文章标签： javascript

本文链接：https://blog.csdn.net/wds207207/article/details/62850421

版权

前端开发专栏收录该内容

20 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>IFE JavaScript Task 01</title>
  </head>
<body>

  <label>请输入北京今天空气质量：<input id="aqi-input" type="text"></label>
  <button id="button">确认填写</button>

  <div>您输入的值是：<span id="aqi-display">尚无录入</span></div>

<script type="text/javascript">

(function() {
  /*    
  在注释下方写下代码
  给按钮button绑定一个点击事件
  在事件处理函数中
  获取aqi-input输入的值，并显示在aqi-display中
  */

})();

</script>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>IFE JavaScript Task 01</title>
</head>
<body>
<label>请输入北京今天空气质量：<input id="aqi-input" type="text"></label>
<button id="button">确认填写</button>
<div>您输入的值是：<span id="aqi-display">尚无录入</span></div>
<script type="text/javascript">
    window.onload = prepare;
    function prepare(){
        if (!document.getElementById){
            return false;
        }//检查浏览器是否支持document.getElementById的DOM方法
        var submit = document.getElementById("button");
        submit.onclick = function(){
            clickButton();
        }//添加事件处理函数,把onclick事件绑定到ID为"button"元素上
    }
    function clickButton(){
        var output = document.getElementById("aqi-display");
        var input = document.getElementById("aqi-input");
        text = input.value;//获取ID为"aqi-input"的值
        output.innerHTML = text;//把值写入ID为"aqi-display"之中
    }
</script>
</body>
</html>

巴依尔13

关注

3
点赞
踩
8

收藏

觉得还不错? 一键收藏
4
评论
给submit提交按钮添加点击事件（JavaScript）

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>IFE JavaScript Task 01</title> </head><body> <label>请输入北京今天空气质量：<input id="aqi-input" type="text"></label> <button id="button
复制链接

扫一扫

专栏目录