HTML按钮点击事件

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML按钮点击事件相关的知识,希望对你有一定的参考价值。

就是点击按钮,然后输入框里里直接显示字母呢

在<body>里加一个onload="abc()"的属性就行了,abc()即为处理的方法。
1、设置一个定时触发事件
$timeout(function ()
alert("这里写你的点击会触发的事件")
, 500)
0.5秒后执行
2、或者你自己把点击事件 写成直接执行不需要点击。
abc=function()
alert("你要执行的语句");

abc();
注意:不过直接写有一个缺陷,这涉及到生命周期,如果你多级页面跳转,你第一次编译时会执行,如果有缓存的话他就不会执行了,如果你想每次(不管什么情况只要进入这个页面就执行)最好把这个写到生命周期里面。
参考技术A <!DOCTYPE html>
<html>
    <head>
        <meta charset="GB2312">

        <title>xx</title>
        <script >
            function dd() 
                var a = document.getElementById("input");
                a.value = "这是你要写入input内容的值";

            
        </script>
    </head> 

    <body>
      
      <input type="text" id="input" />
       <input type="button" onclick="dd()" value="点我">
        

    </body>
</html>

监听按钮的点击事件的三种实现方式

1.匿名内部类监听按钮点击事件

Button buttonup=(Button)findViewById(R.id.btn_signup);		//找到需要的Button按钮,转换成Button类型
buttonin.setOnClickListener(new View.OnClickListener() {	//设置Button的监听器
        @Override
        public void onClick(View v) {
            Toast.makeText(MainActivity.this,"点击了登录",Toast.LENGTH_LONG).show();	//点击之后的操作,弹出一个toast
        }
    });

 

2.外部类监听点击事件

Button buttonin = (Button) findViewById(R.id.btn_signin);
Button buttonup=(Button)findViewById(R.id.btn_signup);
buttonin.setOnClickListener(new MyOnClicklistener() {
	public void onClick(View v) {
        	//noinspection ConstantConditions
                super.onClick(v);
                Toast.makeText(MainActivity.this,"点击了登录",Toast.LENGTH_LONG).show();


            }
        });

buttonup.setOnClickListener(new MyOnClicklistener() {
	public void onClick(View v) {
                //noinspection ConstantConditions
                super.onClick(v);
                Toast.makeText(MainActivity.this,"点击了注册",Toast.LENGTH_LONG).show();


            }
        });

class MyOnClicklistener implements View.OnClickListener {
        public void onClick(View v) {
            //让所有使用当前外部类的点击事件的按钮都要做出一个动作,改变button本身
            v.setAlpha(0.5f);
        }
    }

外部类监听点击事件实际中用的不多,但如果以后做到好几十个按钮点下去要产生相同的动画效果,就可以把动画效果放到外部内里面

3.接口方式监听按钮点击事件

以上是关于HTML按钮点击事件的主要内容,如果未能解决你的问题,请参考以下文章

三种方式实现按钮的点击事件

如何使用Vue.js中的按钮点击事件并获取按钮属性

监听按钮的点击事件的三种实现方式

JavaScript 点击事件 - 一个按钮触发另一个按钮

js触发按钮点击事件

delphi 网页提交按钮执行点击事件