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

    千次阅读 2019-04-25 17:19:44
    开发中经常使用按钮的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>
    展开全文
  • onclick的简单用法

    千次阅读 2018-03-02 13:38:17
    一个表单中的两个按钮分别提交到不同的方法中可以使用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');
        }
    并不能提交表单数据


    展开全文
  • OnClick的三种方式

    千次阅读 2016-04-18 09:28:59
    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


    View 点击事件的三种形式

    2016年4月18日


    import android.app.Activity;
    import android.os.Bundle;
    import android.util.Log;
    import android.view.View;
    import android.view.View.OnClickListener;
    import android.widget.Toast;
    
    
    public class MainActivity extends Activity implements OnClickListener {
    
    	@Override
    	protected void onCreate(Bundle savedInstanceState) {
    		// TODO Auto-generated method stub
    		super.onCreate(savedInstanceState);
    		setContentView(R.layout.main);
    		findViewById(R.id.btn_done).setOnClickListener(this);
    		//第一优先级、第一种 监听方法
    //		findViewById(R.id.btn_done).setOnClickListener(new OnClickListener() {
    //			
    //			@Override
    //			public void onClick(View v) {
    //				// TODO Auto-generated method stub
    //				Toast.makeText(getApplicationContext(), "-- new OnClickListener()--", Toast.LENGTH_SHORT).show();
    //				Log.e("", "new OnClickListener()");
    //			}
    //		});
    	}
    	
    	//第三优先级、xml中参数需要注意 View v、xml中的监听方法
    	public void myonclick(View v){
    		Toast.makeText(getApplicationContext(), "--on click at xml--", Toast.LENGTH_SHORT).show();
    		Log.e("", "on click at xml");
    	}
    
    	//第二优先级、实现接口的监听方法
    	@Override
    	public void onClick(View v) {
    		// TODO Auto-generated method stub
    		Toast.makeText(getApplicationContext(), "-- implements OnClickListener--", Toast.LENGTH_SHORT).show();
    		Log.e("", " implements OnClickListener");
    	}
    }

    <?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >
        
        
        <Button 
            android:id="@+id/btn_done"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:onClick="myonclick"
            android:text="@string/abc_action_mode_done"
            />
    
    </RelativeLayout>
    













    展开全文
  • 点击事件on和onclick 两者之间的区别

    千次阅读 2018-04-20 09:20:36
    点击事件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总结

    2020-11-20 11:56:45
    onclick只会在被单击的时候运行,但如果在for循环中,没有单击响应,会自动略过,系统不会等待点击事件后再继续后续循环,如 for (var i = 0; i < aAll.length; i++) { //写delA而不是delA(),因为赋值的是...
  • js添加onclick属性问题

    万次阅读 2018-11-14 20:48:57
    html里的button里没有onclick属性,用js添加 部分代码: 页面: 使用setAttribute()方法 ...onclick","playing()"); 结果: 页面:   可能原因:由于歌曲信息是写在...
  • 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...
  • 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:13:34
    1.$("").click与onclick的区别示例介绍 onclick是绑定事件,click本身是方法作用是触发onclick事件,只要执行了元素的click()方法,下面有个示例,大家可以看看 Html代码   $(function(){  $("#btn4")....
  • button标签的onclick事件

    万次阅读 2018-08-23 14:49:56
    1.普通的button标签定义onclick事件 (1):无参 &lt;button onclick="mymethon()"&gt;&lt;/button&gt; &lt;script type="text/javascript"&gt; function mymethon...
  • onTouch,onClick冲突详解

    千次阅读 2016-08-23 13:21:35
    View事件分发详解之onTouch,onClick,LongClick ONE Goal,ONE Passion! 概述: ViewGroup和View的分发.[http://blog.csdn.net/fengltxx/article/details/49330343]介绍一个OnTouchEvent中事件流程 @Override public ...
  • 今天处理html标签里的onclick功能的时候总是报错:Uncaught ReferenceError: dosave is not defined(…) 找了半天都没发现错在哪,...input type="button" value="立即登录" onclick="dosave();"/> js: ...
  • <button onclick="deleteArticle(this,'5ad13b9e06fb459189142352d03f4f98')">删除 </div></li> <li class="list-group-item"><a href="/blog/article?action=showArticle&articleId=60b...
  • a标签添加onclick事件的几种方式

    万次阅读 2017-02-24 11:38:49
    a href="javascript:js_method();"这种方法在传递this等参数的时候很容易出问题,而且javascript:协议作为a的href属性的时候不仅会导致不 必要的触发window.onbeforeunload事件,在IE里面更会使gif动画...
  • 1. 标签上直接添加onclick事件: ``` <div class="btn watch-btn" onclick="handle()">查看TA的个人主页 ``` 2. jq绑定onclick事件 ``` 查看TA的个人主页 ``` ``` $(document).on('click', ...
  • a class="href" onclick="callJSFunc($i,\''.$name.'\')" ></a> </td> </tr>'; } </code></pre> <p><strong>javascript..</strong></p> <pre><code>function callJSFunc(i , name){ alert...
  • 浅析ButterKnife的实现 (四) —— OnClick

    千次阅读 2016-08-15 18:05:02
    讲完了View注解,下面来介绍怎么给View设置点击监听。 @OnClick 定义个用来设置点击监听的注解:
  • jq onclick

    千次阅读 2018-11-30 13:33:02
    jQuery中,要使用attr()方法操作标签中的onclick属性必须使用jq库1.6或更新的库版本!针对标签属性的操作都是使用attr()方法来实现的 获取指定元素的属性值: $(选择器).attr(属性名) 如设置onclick属性: $("a")....

空空如也

1 2 3 4 5 ... 20
收藏数 764,250
精华内容 305,700
关键字:

onclick