给submit提交按钮添加点击事件(JavaScript)
2017-03-17 08:26
513 查看
<!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>
相关文章推荐
- Javascript: 当点击submit提交按钮时将文本框中的信息添加到下面得表单中
- JavaScript基础 submit按钮结合onclick事件 实现表单的提交与验证
- JavaScript基础 submit按钮结合onclick事件 实现表单的提交与验证
- winform中的datagridview里添加按钮列,如何响应按钮的点击事件
- SDI里添加按钮并响应点击事件
- javascript 按回车键相应按钮提交事件
- Android开发--为按钮添加点击事件
- javascript 按回车键相应按钮提交事件
- Flex 激发提交按钮点击事件
- javascript 按回车键相应按钮提交事件
- 为UIAlertView上的按钮添加方法,需要重写协议中对话框按钮点击事件方法
- javascript 动态调用点击 按钮的事件ele.onclick();
- submit 按钮提交无效 点击无效果 不可用
- 让一个网页页面的提交按钮执行点击事件
- JavaScript实现点击按钮后变灰避免多次重复提交
- ASP.NET AJAX 添加请求处理事件来防止按钮重复提交
- 如何处理:下载文件的按钮在事件未完成之前防止多次点击,事件完成之后又能继续点击提交
- ipad 添加到imageView中的按钮没有点击事件
- 在一个Record Center(记录中心)中,在编辑文档的属性时,点击“Submit(提交)”按钮的时候发生了什么
- delphi 网页提交按钮执行点击事件