zoukankan      html  css  js  c++  java
  • javascript怎么判断按钮被点击?

    JavaScript可以通过Event对象的target事件或srcElement(IE浏览器支持)来判断按钮是否被点击。Event对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。

    JavaScript判断按钮是否被点击:

    firfox版:

    <html> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <HEAD> 
    <TITLE></TITLE> 
    <script> 
    document.onclick=function(e){ 
    var evt=e||window.event; 
    var tar=evt.target||evt.srcElement; 
    if( (tar.tagName.toLowerCase()=="input"&&tar.type=="button")||tar.tagName.toLowerCase()=="button")
    { 
    alert("你点击的是一个按钮") 
    } 
    } 
    </script> 
    </HEAD> 
    <BODY> 
    <input id="button1" type="button" value="1111"/> 
    <input id="button2" type="button" value="2222"/> 
    <input id="button3" type="button" value="3333"/> 
    <input id="button4" type="button" value="4444"/> 
    </BODY> 
    </HTML>

    2、google 浏览器版:

    <HTML> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <HEAD> 
    <TITLE></TITLE> 
    <script> 
    document.onclick=function()
    { var obj = event.srcElement; 
    if(obj.type == "button"){ 
    alert(obj.id); } 
    } 
    </script> 
    </HEAD> 
    <BODY> 
    <div>
    <input id="button1" type="button" value="1111"/> 
    <input id="button2" type="button" value="2222"/> 
    <input id="button3" type="button" value="3333"/> 
    <input id="button4" type="button" value="4444"/> 
    </div>
    </BODY> 
    </HTML>

    资源搜索网站大全 https://www.renrenfan.com.cn 广州VI设计公司https://www.houdianzi.com

    Event 对象

    Event 对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。

    事件通常与函数结合使用,函数不会在事件发生前被执行!

    target 事件

    target 事件属性可返回事件的目标节点(触发该事件的节点),如生成事件的元素、文档或窗口。

    语法:

    event.target

    srcElement

    srcElement:对于生成事件的 Window 对象、Document 对象或 Element 对象的引用。

  • 相关阅读:
    rsync 服务器配置过程
    百度基础技术总结
    利用cobbler无人值守批量安装centos
    安装批量装机工具cobbler过程
    面试题
    JS作用域
    原型链
    ES6优缺点
    PostCSS理解与运用
    置换元素和非置换元素
  • 原文地址:https://www.cnblogs.com/xiaonian8/p/14085228.html
Copyright © 2011-2022 走看看