onclick_onclicklistener - CSDN
onclick 订阅
onclick:javascript事件onclick 事件会在对象被点击时发生。 展开全文
onclick:javascript事件onclick 事件会在对象被点击时发生。
信息
外文名
noclick
onclick定义和用法
[1]  onclick 事件会在对象被点击时发生。请注意, onclick 与 onmousedown 不同。单击事件是在同一元素上发生了鼠标按下事件之后又发生了鼠标放开事件时才发生的。
收起全文
精华内容
参与话题
  • 有关5种不同的onClick点击事件的写法

    千次阅读 2019-04-25 17:21:14
    开发中经常使用按钮的onclick点击事件来做一些操作,android onclick事件通常有这5种写法经常被使用,本文以android Toast来举例 首先我们新建项目,在视图activity_main.xml文件中添加一个button按钮,代码如下: ...

    开发中经常使用按钮的onclick点击事件来做一些操作,android onclick事件通常有这5种写法经常被使用,本文以android Toast来举例

    首先我们新建项目,在视图activity_main.xml文件中添加一个button按钮,代码如下:

    
     
    <?xml version="1.0" encoding="utf-8"?>
    
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    
    xmlns:tools="http://schemas.android.com/tools"
    
    android:id="@+id/activity_main"
    
    android:layout_width="match_parent"
    
    android:layout_height="match_parent"
    
    tools:context="com.extemp.MainActivity">
    
    
    
    <Button
    
    android:text="点击运行"
    
    android:layout_width="wrap_content"
    
    android:layout_height="wrap_content"
    
    android:id="@+id/mBt_run"/>
    
    </RelativeLayout>

     

     

    第一种onclick写法:匿名内部类,在MainActivity.java类中添加。

     

    public class MainActivity extends AppCompatActivity {
    
    
    
    private Button mBt_run;
    
    @Override
    
    protected void onCreate(Bundle savedInstanceState) {
    
    super.onCreate(savedInstanceState);
    
    setContentView(R.layout.activity_main);
    
    mBt_run = (Button) findViewById(R.id.mBt_run);
    
    mBt_run.setOnClickListener(new View.OnClickListener() {
    
    @Override
    
    public void onClick(View v) {
    
    Toast.makeText(getApplicationContext(),"已点击",Toast.LENGTH_SHORT).show();
    
    }
    
    });
    
    }
    
    }

     

     

    第二种:外部使用匿名内部类,和第一种类似。

     

    
    public class MainActivity extends AppCompatActivity {
    
    
    
    private Button mBt_run;
    
    @Override
    
    protected void onCreate(Bundle savedInstanceState) {
    
    super.onCreate(savedInstanceState);
    
    setContentView(R.layout.activity_main);
    
    mBt_run = (Button) findViewById(R.id.mBt_run);
    
    mBtClick();
    
    }
    
    //外部方法使用匿名内部类
    
    public void mBtClick(){
    
    mBt_run.setOnClickListener(new View.OnClickListener() {
    
    @Override
    
    public void onClick(View v) {
    
    Toast.makeText(getApplicationContext(),"已点击",Toast.LENGTH_SHORT).show();
    
    }
    
    });
    
    }
    
    }

     

     

    第三种:在MainActivity.java类中实现View.OnClickListener接口。

     

    public class MainActivity extends AppCompatActivity implements View.OnClickListener{
    
    
    
    private Button mBt_run;
    
    @Override
    
    protected void onCreate(Bundle savedInstanceState) {
    
    super.onCreate(savedInstanceState);
    
    setContentView(R.layout.activity_main);
    
    mBt_run = (Button) findViewById(R.id.mBt_run);
    
    //这里必须要注册
    
    mBt_run.setOnClickListener(this);
    
    }
    
    @Override
    
    public void onClick(View v) {
    
    Toast.makeText(getApplicationContext(),"已点击",Toast.LENGTH_SHORT).show();
    
    }
    
    }

     

     

    第四种:定义内部类,实现View.OnClickListener接口。

     

    public class MainActivity extends AppCompatActivity{
    
    
    
    private Button mBt_run;
    
    @Override
    
    protected void onCreate(Bundle savedInstanceState) {
    
    super.onCreate(savedInstanceState);
    
    setContentView(R.layout.activity_main);
    
    mBt_run = (Button) findViewById(R.id.mBt_run);
    
    mBt_run.setOnClickListener(new MyOnclick());
    
    }
    
    //定义内部类,实现View.OnClickListener接口
    
    class MyOnclick implements View.OnClickListener{
    
    @Override
    
    public void onClick(View v) {
    
    Toast.makeText(getApplicationContext(),"已点击",Toast.LENGTH_SHORT).show();
    
    }
    
    }
    
    }

     

    第五种:直接在activity_main.xml文件中定义onclick事件,视图文件中添加onClick属性即可。

     

    <Button
    
    android:text="点击运行"
    
    android:layout_width="wrap_content"
    
    android:layout_height="wrap_content"
    
    android:onClick="clickAlert"/>

    我们直接在MainActivity.java文件中实现clickAlert方法,这种方式是最简单的。

    public class MainActivity extends AppCompatActivity{
    
    
    
    private Button mBt_run;
    
    @Override
    
    protected void onCreate(Bundle savedInstanceState) {
    
    super.onCreate(savedInstanceState);
    
    setContentView(R.layout.activity_main);
    
    mBt_run = (Button) findViewById(R.id.mBt_run);
    
    }
    
    public void clickAlert(View view){
    
    Toast.makeText(getApplicationContext(),"已点击",Toast.LENGTH_SHORT).show();
    
    }
    
    
    
    }

     

    以上五种android onclick点击事件的写法,其效果都是一样的。

    展开全文
  • onclick事件

    万次阅读 2017-02-27 15:20:04
    之前在浏览器上搜了一下onclick的ie兼容性,搜到一些ie不兼容onclick事件的文章,还错误认为onclick不兼容ie浏览器,今天改正这种看法:onclick事件的浏览器支持如下:也就是说ie浏览器支持onclick事件。 那么为什么...

    onclick事件

    一.扫盲

    • 之前在浏览器上搜了一下onclick的ie兼容性,搜到一些ie不兼容onclick事件的文章,还错误认为onclick不兼容ie浏览器,今天改正这种看法:onclick事件的浏览器支持如下:

    这里写图片描述

    • 也就是说ie浏览器支持onclick事件。
    • 那么为什么还在网上搜到很多ie下onclick事件无效的帖子呢?这是因为,在ie浏览器下,当用到onclick事件时,在事件处理中可能用到了ie浏览器不兼容的属性,所以导致看起来像onclick没起作用。

    二.详情

    • onclick事件定义和用法:

    onclick事件会在元素被点击时发生。

    • 语法:

    HTML中:

    <element onclick=”SomeJavaScriptCode”>

    JavaScript中:

    object.onclick = function () {
        SomeJavaScriptCode
    };
    • 应用实例1:
    <button id="btn">点我弹出alert</button>
    <script>
    var myfun = function() {
        var b = document.getElementById("btn");
        b.onclick = function () {
            alert("123");
        }
    }
    myfun();
    </script>
    • 应用实例2:
    <input id="ipt" onclick="f()" type="text"/>
    <script>
    var f= function() {
       alert("123");
    }
    </script>
    展开全文
  • HTML的onclick

    千次阅读 2019-05-31 23:02:52
    onclick=""里面直接写JS代码就可以 或者添加一个js函数 不用加<script></script>的定界符! 2.例子 <button onclick="copyText()"> Copy Text </button> 就是执行copyTe...

    1.简述

    当点击按钮时执行一段 JavaScript 代码

    οnclick=""里面直接写JS代码就可以   或者添加一个js函数  不用加<script></script>的定界符!

     

    2.例子

    <button onclick="copyText()">
            Copy Text
    </button>
    
    
    就是执行copyText()函数!
    <!DOCTYPE html>
    <html>
    <head>
    <script>
    function copyText()
    {
    document.getElementById("field2").value=document.getElementById("field1").value;
    }
    </script>
    </head>
    <body>
    
    Field1: <input type="text" id="field1" value="Hello World!"><br>
    Field2: <input type="text" id="field2"><br><br>
    
    <button onclick="copyText()">复制文本</button>
    
    <p>当按钮被单击时触发函数。此函数把文本从 Field1 复制到 Field2 中。</p>
    
    </body>
    </html>
    
    
    
    

     

    展开全文
  • onclick的简单用法

    千次阅读 2018-03-02 14:23:39
    一个表单中的两个按钮分别提交到不同的方法中可以使用onclick="location='URL'"如:&lt;form method="post" action="" enctype="multipart/form-data" &gt; &...

    一个表单中的两个按钮分别提交到不同的方法中可以使用

    οnclick="location='URL'"

    如:

    <form method="post" action="" enctype="multipart/form-data" >
    <td colspan="2"> <div align="center"> 
    故事名:<input type="text" name="text" > </div> </td> <br>
    <td  colspan="2"> <div align="center"> 
    <p style="color: mediumvioletred">正</p>
    <textarea name="m_text1" cols="100" rows="20" wrap="hard"></textarea>
    </div></td><br>
    <td colspan="2"><div align="center"><input type="button" value="保存" οnclick="location='{:url(\'save_story\')}'">
    </div></td><br>
    <td colspan="2"><div align="center"><input type="button" value="直接发表" οnclick="location='{:url(\'write_story_do\')}'">
    </div></td>
    

    public function write_story_do()
        {
            print_r('1');
        }
    public function save_story()
        {
            print_r('2');
        }
    并不能提交表单数据


    展开全文
  • js修改onclick动作的四种方法(推荐)

    万次阅读 2018-07-13 17:55:01
    第一种:button.onclick = Function("alert('hello');");第二种:button.onclick = function(){alert("hello"); };第三种:button.onclick = myAlert; function myAlert(){ alert("hello...
  • 点击事件on和onclick 两者之间的区别

    千次阅读 2018-04-20 09:23:02
    点击事件on和onclick 两者之间的区别(很重要)第1种事件 $('.XX').click('.xxx',function() { alert('xxx') }); 第2种事件 $('.XXX').on('click','.xxx', function() { alert('xxx') })click是点击事件,但是在...
  • 如何将@click变成onclick

    2019-06-04 13:38:57
    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equ...
  • OnClick的三种方式

    千次阅读 2016-04-18 09:29:02
    View 点击事件的三种形式 2016年4月18日 import android.app.Activity; import android.os.Bundle; import android.util.Log; import android.view.View; import android.view.View....import android.widge
  • click事件和onclick事件的区别

    千次阅读 2018-06-14 16:27:09
    1,click事件的api解释(jquery中)返回值:jQueryclick([[data],fn])概述触发每一个匹配元素的click事件。这个函数会调用执行绑定到click事件的所有函数。参数fnFunctionV1.0在每一个匹配元素的click事件中绑定的...
  • onclick和click的区别及示例

    千次阅读 2017-08-31 11:14:06
    1.$("").click与onclick的区别示例介绍 onclick是绑定事件,click本身是方法作用是触发onclick事件,只要执行了元素的click()方法,下面有个示例,大家可以看看 Html代码   $(function(){  $("#btn4")....
  • jquery去掉onclick事件

    万次阅读 2015-06-28 16:13:19
    要实现效果:点击链接先去掉onclick属性,3秒后再自动加上该标签中的onclick属性jQuery中,针对标签属性的操作都是使用attr()方法来实现的,比如:$(“a”).attr(“onclick”)可获得a标签的onclick属性,对应的:删除...
  • button onclick 实现页面跳转

    万次阅读 2015-04-20 17:45:38
    button onclick 实现页面跳转  1、onclick="javascript:window.location.href='aa.htm' " 2、onclick="location='URL' " 3、onclick="window.location.href='#'
  • img onclick 无效

    万次阅读 2016-03-24 15:47:34
    img标签里面的onclick事件无法响应。最终找到了错误原因,是因为img标签的id与onclick事件的方法名相同。于是接着又测试了一下,发现name名和方法名相同也会导致该错误。
  • 使用onclick跳转到指定页面的方法

    万次阅读 2016-07-16 10:15:19
     ①onclick="javascript:window.location.href='URL'"  ②onclick="location='URL'"  ③onclick="window.location.href='URL?id=11'" 2.如果页面中有frame可以在location前面添加top.mainframe.
  • jquery为a标签添加和移除onclick事件

    万次阅读 2017-11-01 16:21:58
    移除onClick事件: $("#addFam").removeAttr("onclick"); 添加onClick事件: $("#addFam").attr("onclick","addFamily();"); addFam 为a标签id属性值
  • 标签使用onclick(this)来传递参数

    万次阅读 2015-09-16 20:27:54
    一般标签中会使用href和onclick两种方式来进行进行页面跳转或执行动作,但是小编一般都会使用onclick来进行执行Ajax函数进行跳转,并同时使用onclick="xxxxxx(this)"来传递动态参数:例子如下 JSP代码如下: ${...
  • onclick="function()" 表示只会执行 function , 但是不会传回 function 中之回传值onclick = "return function()" 则是 执行 function并传回 function 中之回传值 eg: function doAlert() { var fail_this_check ...
  • 3、关于onclick事件的两种写法

    万次阅读 2016-05-03 18:15:06
    1、关于onclick的两种,常见的写法  1.1 html的源码如下 我是div1 我是div2    1.2 Javascript代码 /** * 用于响应div1的点击事件 */ function div1() { var div1 = document.getElementById...
  • JQuery设置onclick事件无效的处理方法

    万次阅读 2012-05-23 23:41:06
    //必须先清除原有的事件 $("#" + ctrId).attr("onclick", "");  //再重新绑定新的事件  $("#" + ctrId).bind("click", function() {  locate(ctrId); });
  • js onclick用法:跳转到指定URL

    万次阅读 2014-03-10 09:42:06
    使用onclick跳转到其他页面/跳转到指定url ☆如果是本页显示可以直接用location,方法如下: ①onclick="javascript:window.location.href='http://www.huierlp.com'" ②onclick="location='...
1 2 3 4 5 ... 20
收藏数 699,750
精华内容 279,900
关键字:

onclick