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 对象的引用。

  • 相关阅读:
    面向对象设计模式之Facade外观模式(结构型)
    Android 多线程:使用Thread和Handler
    Android源码分析之Handler
    Android View的几个位置坐标关系
    LinearLayout布局问题
    Android app被系统kill的场景
    改变Activity启动时的默认动画
    ViewStub源码分析
    Android measure过程分析
    点击ViewGroup时其子控件也变成pressed状态的原因分析及解决办法
  • 原文地址:https://www.cnblogs.com/xiaonian8/p/14085228.html
Copyright © 2011-2022 走看看