GVKun编程网logo

JS----click3种方法(js click())

72

在本文中,我们将详细介绍JS----click3种方法的各个方面,并为您提供关于jsclick()的相关解答,同时,我们也将为您带来关于AndroidonClick方法与setOnClickListe

在本文中,我们将详细介绍JS----click3种方法的各个方面,并为您提供关于js click()的相关解答,同时,我们也将为您带来关于Android onClick方法与setOnClickListener方法对比、android – 如何从OnClickListener.onClick方法调用方法?、angularjs中的ng-click和data-ng-click有什么区别?、Asp.Net 不同区别的 OnClick ( onserverclick, onclientclick )的有用知识。

本文目录一览:

JS----click3种方法(js click())

JS----click3种方法(js click())

 js最常用的click事件3种方法

1、onclick=name()

<!DOCTYPE html>
<html leng="en">
    <head>
        <meta charset="utf-8">
        <title>one</title>
    </head>
    <body>
        <div id="dome"></div>
        <button type="button" onclick="displayDate()">点击</button>
        <script>
            function displayDate(){
                document.getElementById("dome").innerHTML=Date();
            }
        </script>
    </body>
</html>

2、js中绑定

<!DOCTYPE html>
<html leng="en">
    <head>
        <meta charset="utf-8">
        <title>one</title>
    </head>
    <body>
        <div id="dome"></div>
        <button type="button">点击</button>
        <script>
            var btn=document.getElementById("btn");
            btn.onclick=function(){
                document.getElementById("dome").innerHTML=Date();
            }
        </script>
    </body>
</html>

3、事件柄方法

//addEventListener 用于向指定元素添加事件句柄
//可以向一个元素添加多次点击事件,后一个点击事件不会覆盖前一个点击事件
<!DOCTYPE html>
<html leng="en">
    <head>
        <meta charset="utf-8">
        <title>one</title>
    </head>
    <body>
        <div id="dome"></div>
        <button type="button">点击</button>
        <script>
            var btn=document.getElementById("btn");
            btn.addEventListener(''click'',function(){
                document.getElementById("dome").innerHTML=Date();
            },false)
        </script>
    </body>
</html>

 

Android onClick方法与setOnClickListener方法对比

Android onClick方法与setOnClickListener方法对比

Android onClick 与 setonClickListener区别

为Android Widgets添加点击事件处理函数又两种方法,一个是在Xml文件中添加onClick属性,然后在代码中添加对应的函数。另一个是直接在代码中添加setonClickListener函数。两者什么区别呢?以Button控件为例讲解一下。

方法一

在Xml中添加onClick属性

<RelativeLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent">
  <Button
    android:id="@+id/mybutton"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerInParent="true"
    android:text="Press Me"
    android:onClick="buttonClick"/>
</RelativeLayout>

在代码中添加对应的函数buttonClick,注意要添加到当前Activity对应的java类中。

public class MainActivity extends AppCompatActivity {

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
  }

  public void buttonClick(View view) {
    Toast.makeText(this,"Button was clicked",Toast.LENGTH_SHORT).show();
  }
  
  // ....
}

方法二

public class MainActivity extends AppCompatActivity {

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    Button button = (Button)findViewById(R.id.mybutton);
    button.setonClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View v) {
        Toast.makeText(MainActivity.this,Toast.LENGTH_SHORT).show();
      }
    });
  }
}

两者的共同点

两者底层没有区别。

两者的区别

使用第一种方法的注意事项:

1. 事件处理函数必须是public的。

2. 事件处理函数必须在Activity中定义。

3. 事件处理函数必须有一个View类型的参数。

4. 只能用在API Level 4及以后的版本。

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

android – 如何从OnClickListener.onClick方法调用方法?

android – 如何从OnClickListener.onClick方法调用方法?

import java.io.InputStreamReader;
import java.io.Reader;
import java.net.URL;
import java.net.URLEncoder;

import com.google.gson.Gson;

import android.app.Activity;
import android.os.Bundle;

import android.view.View;

import android.widget.EditText;
import android.widget.ImageButton;
import android.widget.TextView;   

public class SampleActivity extends Activity {

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        ImageButton button = (ImageButton) findViewById(R.id.imageButton1);        
        button.setonClickListener(new View.OnClickListener()   {             
           public void onClick(View v)  {               
            try {
                doSomething();
            } catch (Exception e) {
                // Todo Auto-generated catch block
                e.printstacktrace();                    
            }               
           }  
         });
       }
    public  void doSomething() throws Exception {
        EditText search2 = (EditText)findViewById(R.id.editText1);
        TextView urltext = (TextView)findViewById(R.id.textView1);
        String google = "http://ajax.googleapis.com/ajax/services/search/web?v=1.0&q=";
        String search = search2.toString() + "site:mysite.com";
        String charset = "UTF-8";

        URL url = new URL(google + URLEncoder.encode(search,charset));
        Reader reader = new InputStreamReader(url.openStream(),charset);
        GoogleResults results = new Gson().fromJson(reader,GoogleResults.class);
       String voidurlresult = results.getResponseData().getResults().get(0).getUrl().toString();
       urltext.setText(voidurlresult);           
    }
}

请看一下上面的代码…..代码有什么问题.当我点击按钮时我什么都没得到.当我点击按钮我想得到第一个谷歌结果的网址…如果有人可以帮助我,我会很感激

解决方法

button.setonClickListener(new View.OnClickListener()   {             
       public void onClick(View v)  {               
        try {
            SampleActivity.this.doSomething();
        } catch (Exception e) {
            // Todo Auto-generated catch block
            e.printstacktrace();                    
        }               
       }  
     });

将try语句中包含的语句更改为this.这将确保引用正确的类来调用该方法.

angularjs中的ng-click和data-ng-click有什么区别?

angularjs中的ng-click和data-ng-click有什么区别?

从第一种观点看,似乎data-ng-click可以传递一些数据作为方法的参数,应在按下按钮期间调用。

但我看不出有什么区别。

我遵循了代码片段:

HTML

<input 
    type="button" 
    value="Fess"
    ng-click="toggle(2)">

要么

<input 
    type="button" 
    value="Fess"
    data-ng-click="toggle(2)">

JS

$scope.toggle = function (valueS) {
    alert(valueS);        
}

两者都可以。

谢谢,

Asp.Net 不同区别的 OnClick ( onserverclick, onclientclick )

Asp.Net 不同区别的 OnClick ( onserverclick, onclientclick )

Asp.Net 不同区别的 OnClick ( onserverclick, onclientclick )

 

下面以 HTML的按钮( system.web.ui.htmlcontrols ) 和 ASP.NET服务端按钮 ( system.web.ui.webcontrols ) 为例:
1. HTML控件,如IMG的输入按钮等 的 onclick ( 客户端 )和 onserverclick( 服务端 )事件,注意 runat="server"。。。

此处的onclick先于onserverclick执行。


2.WEB控件,如<asp:button 按钮等 的 onclientclick( 客户端 ) 和 onclick ( 服务端 )事件。。。
 

 

此处的onclientclick先于onclick执行。


onclientclick  事件来自2.0, 它用来取代下列代码。。。
 

 

总之,客户端点击事件先于服务器端点击事件执行。也就是说,先执行客户端的Javascript,然后到服务器端执行服务器的相关代码。

 

 

 

 附:html控件、html服务器控件和web用户控件

asp.net之所以现在开发方便和快捷,关键是它有一组强大的控件库,包括web服务器控件,web用户控件,web自定义控件,html服务器控件和html控件等。这里主要说说html控件、html服务器控件和web服务器控件的区别。
    1、html控件:就是我们通常的说的html语言标记,这些语言标记在已往的静态页面和其他网页里存在,不能在服务器端控制的,只能在客户端通过javascript和vbscript等程序语言来控制。<input type="button" id="btn" value="button"/>
    2、html服务器控件:其实就是html控件的基础上加上runat="server"所构成的控件.它们的注意区别是运行方式不同,html控件运行在客户端,而html服务器控件是运行在服务器端的。参考其他资料是这样说的: 当ASP.NET 网页执行时,会检查标注有无runat 属性,如果标注没有设定,那么Html标注就会被视为字符串,并被送到字符串流等待送到客户端,客户端的浏览器会对其进行解释;如果Html标注有设定runat="server" 属性,Page 对象会将该控件放入控制器,服务器端的代码就能对其进行控制,等到控制执行完毕后再将Html服务器控件的执行结果转换成Html标注,然后当成字符串流发送到客户端进行解释<input id="Button" type="button" value="button" runat="server" />
    3、web服务器控件:也称asp.net服务器控件,是Web Form编程的基本元素,也是asp.net所特有的。它会按照client的情况产生一个或者多个html控件,而不是直接描述html元素。如: <asp:Button ID="Button2" runat="server" Text="Button"/>那么它和html服务器控件有什么区别呢?参照其他网页的资料看法如下:
    1)、Asp.net服务器控件提供更加统一的编程接口,如每个Asp.net服务器控件都有Text属性。
    2)、隐藏客户端的不同,这样程序员可以把更多的精力放在业务上,而不用去考虑客户端的浏览器是ie还是firefox,或者是移动设备。
    3)、Asp.net服务器控件可以保存状态到ViewState里,这样页面在从客户端回传到服务器端或者从服务器端下载到客户端的过程中都可以保存。
    4)、事件处理模型不同,Html标注和Html服务器控件的事件处理都是在客户端的页面上,而Asp.net服务器控件则是在服务器上,举例来说:
    <input id="Button4" type="button" value="button" runat="server"/>是Html服务器控件,此时我们点击此按钮,页面不会回传到服务器端,原因是我们没有为其定义鼠标点击事件。
    <input id="Button4" type="button" value="button" runat="server" onserverclick="test" />我们为Html服务器控件添加了一个onserverclick事件,点击此按钮页面会发回服务器端,并执行test(object sender, EventArgs e)方法。
    <asp:Button ID="Button2" runat="server" Text="Button" />是Asp.net服务器控件,并且我们没有为其定义click,但是我们点击时,页面也会发回到服务器端。
    由此可见:Html标注和Html服务器控件的事件是由页面来触发的,而Asp.net服务器控件则是由页面把Form发回到服务器端,由服务器来处理。
转载声明: 本文转自 http://www.cnblogs.com/zuiyirenjian/archive/2009/11/26/1611003.html

原文链接: http://blog.csdn.net/sunboy_2050/article/details/5289789

今天关于JS----click3种方法js click()的介绍到此结束,谢谢您的阅读,有关Android onClick方法与setOnClickListener方法对比、android – 如何从OnClickListener.onClick方法调用方法?、angularjs中的ng-click和data-ng-click有什么区别?、Asp.Net 不同区别的 OnClick ( onserverclick, onclientclick )等更多相关知识的信息可以在本站进行查询。

本文标签: