jquery button 事件绑定 button绑定点击事件点击没反应-番剧百科

button事件绑定在一起，这样就可以使用它们来执行任务。如果你不知道如何使用这些函数，你可以通过下面的示例来学习。在这个示例中，我们创建了一个类，该类包含两个 *** ，分别用于创建和

一：jquery给button添加点击事件

首先使用jQuery选择器获取到想要绑定click事件的img元素，然后可以直接绑定click *** ，也可以通过bind *** 绑定。这里详细介绍一下bind *** 。jQuery 事件 – bind() *** —— 定义和用法

html中如何给图片添加点击事件的详解

bind() *** 为被选元素添加一个或多个事件处理程序，并规定事件发生时运行的函数。

jQuery 事件 – bind() *** ——将事件和函数绑定到元素

规定向被选元素添加的一个或多个事件处理程序，以及当事件发生时运行的函数。

jQuery 事件 – bind() *** ——语法

1 $(selector).bind(event,data,function)

jQuery 事件 – bind() *** ——参数描述

event 必需。规定添加到元素的一个或多个事件。由空格分隔多个事件。必须是有效的事件。

data 可选。规定传递到函数的额外数据。

function 必需。规定当事件发生时运行的函数。

实例：

1 //直接给所有img标签绑定click事件

2 $(“img”).click(function(){

3 alert(‘你点击了图片’);

4 })

6 //使用bind *** 绑定click事件

7 $(“img”).bind(“click”,function(){

8 alert(‘你点击了图片’);

9 })

Html 的img标签添加点击事件

1 package com.topnews;

3 import java.util.ArrayList;

5 import android.annotation.SuppressLint;

6 import android.app.Activity;

7 import android.app.Fragment;

8 import android.content.Context;

9 import android.content.Intent;

10 import android.graphics.Bitmap;

11 import android.os.AsyncTask;

12 import android.os.Bundle;

13 import android.text.TextUtils;

14 import android.util.Log;

15 import android.view.View;

16 import android.view.ViewGroup.LayoutParams;

17 import android.webkit.WebChromeClient;

18 import android.webkit.WebSettings;

19 import android.webkit.WebView;

20 import android.webkit.WebViewClient;

21 import android.webkit.WebSettings.LayoutAlgorithm;

22 import android.widget.Button;

23 import android.widget.FrameLayout;

24 import android.widget.ProgressBar;

25 import android.widget.TextView;

27 import com.topnews.base.BaseActivity;

28 import com.topnews.bean.NewsEntity;

29 import com.topnews.service.NewsDetailsService;

30 import com.topnews.tool.BaseTools;

31 import com.topnews.tool.DataTools;

32 import com.topnews.tool.DateTools;

34 @SuppressLint(“JavascriptInterface”)

35 public class DetailsActivity extends BaseActivity {

36 private TextView title;

37 private ProgressBar progressBar;

38 private FrameLayout customview_layout;

39 private String news_url;

40 private String news_title;

41 private String news_source;

42 private String news_date;

43 private NewsEntity news;

44 private TextView action_comment_count;

45 WebView webView;

47 @Override

48 protected void onCreate(Bundle savedInstanceState) {

49 // TODO Auto-generated method stub

50 super.onCreate(savedInstanceState);

51 setContentView(R.layout.details);

52 setNeedBackGesture(true);// 设置需要手势监听

53 getData();

54 initView();

55 initWebView();

56 }

58 /* 获取传递过来的数据 */

59 private void getData() {

60 news = (NewsEntity) getIntent().getSerializableExtra(“news”);

61 news_url = news.getSource_url();

62 news_title = news.getTitle();

63 news_source = news.getSource();

64 news_date = 65DateTools.getNewsDetailsDate(String.valueOf(news.getPublishTime()));

66 }

68 private void initWebView() {

69 webView = (WebView) findViewById(R.id.wb_details);

70 LayoutParams params = new 71LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT);

72 if (!TextUtils.isEmpty(news_url)) {

73 WebSettings settings = webView.getSettings();

74 settings.setJavaScriptEnabled(true);// 设置可以运行JS脚本

75 // settings.setTextZoom(120);//Sets the text zoom of the page in

76 // percent. The default is 100.

77 settings.setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);

78 // settings.setUseWideViewPort(true); //打开页面时，自适应屏幕

79 // settings.setLoadWithOverviewMode(true);//打开页面时，自适应屏幕

80 settings.setSupportZoom(false);// 用于设置webview放大

81 settings.setBuiltInZoomControls(false);

82 webView.setBackgroundResource(R.color.transparent);

83 // 添加js交互接口类，并起别名 imagelistner

84 webView.addJavascriptInterface(new 85JavascriptInterface(getApplicationContext()), “imagelistner”);

86 webView.setWebChromeClient(new MyWebChromeClient());

87 webView.setWebViewClient(new MyWebViewClient());

88 Log.i(“info”, “news_url:” + news_url);

89 Log.i(“info”, “news_title:” + news_title);

90 Log.i(“info”, “news_source:” + news_source);

91 Log.i(“info”, “news_date:” + news_date);

92 new MyAsnycTask().execute(news_url, news_title, news_source + ” ” + 93news_date);

94 }

95 }

97 private void initView() {

98 title = (TextView) findViewById(R.id.title);

99 progressBar = (ProgressBar) findViewById(R.id.ss_htmlproges *** ar);

100 customview_layout = (FrameLayout) 101findViewById(R.id.customview_layout);

102 // 底部栏目

103 action_comment_count = (TextView) 104findViewById(R.id.action_comment_count);

105

106 progressBar.setVisibility(View.VISIBLE);

107 title.setTextSize(13);

108 title.setVisibility(View.VISIBLE);

109 title.setText(news_url);

110 action_comment_count.setText(String.valueOf(news.getCommentNum()));

111 }

112

113 @Override

114 public void onBackPressed() {

115 super.onBackPressed();

116 overridePendingTransition(R.anim.slide_in_left, R.anim.slide_out_right);

117 }

118

119 private class MyAsnycTask extends AsyncTask<string, string,=”” string=””> {

120

121 @Override

122 protected String doInBackground(String… urls) {

123 String data = NewsDetailsService.getNewsDetails(urls[0], urls[1], urls[2]);

124 Log.i(“info”, “MyAsnycTask.data:” + data);

125 return data;

126 }

127

128 @Override

129 protected void onPostExecute(String data) {

130 webView.loadDataWithBaseURL(null, data, “text/html”, “utf-8”, null);

131 }

132 }

133

134 // 注入js函数监听

135 private void addImageClickListner() {

136 // 这段js函数的功能就是，遍历所有的img几点，并添加onclick函数，在还是执137 行的时候调用本地接口传递url过去

138 webView.loadUrl(“javascript:(function(){” + “var objs = 139document.getElementsByTagName(\”img\”);” + “var imgurl=”; “

140 + “for(var i=0;i<objs.length;i++) “=”” +=”” “{“=”” 141″imgurl+=”objs[i].src+’,’;”” objs[i].onclick=”function()” {=”” 142window.imagelistner.openimage(imgurl);=”” }=”” “}”=”” “})()”);=”” js通信接口=”” 143public=”” class=”” javascriptinterface=”” private=”” context=”” context;=”” 144javascriptinterface(context=”” context)=”” this.context=”context;” void=”” 145openimage(string=”” img)=”” string[]=”” imgs=”img.split(“,”);” 146arraylist<string=””> imgsUrl = new ArrayList<string>();

147 for (String s : imgs) {

148 imgsUrl.add(s);

149 Log.i(“图片的URL>>>>>>>>>>>>>>>>>>>>>>>”, s);

150 }

151 Intent intent = new Intent();

152 intent.putStringArrayListExtra(“infos”, imgsUrl);

153 intent.setClass(context, ImageShowActivity.class);

154 intent.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK);

155 context.startActivity(intent);

156 }

157 }

158

159 // 监听

160 private class MyWebViewClient extends WebViewClient {

161 @Override

162 public boolean shouldOverrideUrlLoading(WebView view, String url) {

163 return super.shouldOverrideUrlLoading(view, url);

164 }

165

166 @Override

167 public void onPageFinished(WebView view, String url) {

168 view.getSettings().setJavaScriptEnabled(true);

169 super.onPageFinished(view, url);

170 // html加载完成之后，添加监听图片的点击js函数

171 addImageClickListner();

172 progressBar.setVisibility(View.GONE);

173 webView.setVisibility(View.VISIBLE);

174 }

175

176 @Override

177 public void onPageStarted(WebView view, String url, Bitmap favicon) {

178 view.getSettings().setJavaScriptEnabled(true);

179 super.onPageStarted(view, url, favicon);

180 }

181

182 @Override

183 public void onReceivedError(WebView view, int errorCode, String description, 184String failingUrl)

185 {

progressBar.setVisibility(View.GONE);

super.onReceivedError(view, errorCode, description, failingUrl);

}

private class MyWebChromeClient extends WebChromeClient {

@Override

public void onProgressChanged(WebView view, int newProgress) {

// TODO Auto-generated method stub

if (newProgress != 100) {

progressBar.setProgress(newProgress);

}

super.onProgressChanged(view, newProgress);

}

}</string></objs.length;i++)></string,>

// NewsDetailsService.java

1 package com.topnews.service;

3 import java.io.IOException;

4 import org.jsoup.Jsoup;

5 import org.jsoup.nodes.Document;

6 import org.jsoup.nodes.Element;

8 import android.text.TextUtils;

10 public class NewsDetailsService {

11 public static String getNewsDetails(String url, String news_title,

12 String news_date) {

13 Document document = null;

14 String data = “” +

15 “<center><h2 style=”‘font-size:16px;'”>” + news_title + “</h2></center>”;

16 data = data + “<p align=”‘left'” style=”‘margin-left:10px'”>”

17 + “<span style=”‘font-size:10px;'”>”

18 + news_date

19 + “</span>”

20 + “</p>”;

21 data = data + “<hr size=”‘1′”>”;

22 try {

23 document = Jsoup.connect(url).timeout(9000).get();

24 Element element = null;

25 if (TextUtils.isEmpty(url)) {

26 data = “”;

27 element = document.getElementById(“memberArea”);

28 } else {

29 element = document.getElementById(“artibody”);

30 }

31 if (element != null) {

32 data = data + element.toString();

33 }

34 data = data + “”;

35 } catch (IOException e) {

36 e.printStackTrace();

37 }

38 return data;

39 }

40 }

以上就是html中如何给图片添加点击事件的详解的详细内容，

二：unity button 绑定事件

if(GUI.Button(newRect(310,10,80,30),”暂停”))
这个是点击button才产生的事件，也就是下面那个窗口只显示了一瞬间，所以没看到。
如果你想实现点击一下窗口出来，再点击一下窗口消失，就需要添加一个bool值。
publicboolWindowShow=false;
if(GUI.Button(newRect(310,10,80,30),”暂停”))
if(WindowShow)
WindowShow=false;
WindowShow=true;
if(WindowShow)
GUI.Window(0,windowPos,mywindow,”暂停窗口”);

三：给button绑定点击事件

attr *** 是取得属性或者给属性赋值用的，绑定事件的话应该用bind *** 。。
$(function () { $("input[type=button][name=’dd’]").bind("click", function () { alert("ddd"); }); })
或者
$(function () { $("input[type=button][name=’dd’]").click(function () { alert("ddd"); }); })

四：button绑定回车事件

Java Swing本身提供了现成的按钮控件JButton
创建一个新的按钮:JButton about = new JButton；
这个按钮该放到菜单区：toolBar.add(about);
要为按钮添加事件响应，需要使用about.addActionListener(this)来告诉程序监听按钮按下时的事件，ActionListener是一个程序接口。
public class KyodaiUI extends JFrame implements ActionListener {…}实现ActionListener接口是为了告诉程序我要进行事件处理了。
最后我们得添加响应事件的代码:
public void actionPerformed(ActionEvent e) {
if (e.getSource() == about) {

jquery button 事件绑定 button绑定点击事件点击没反应

一：jquery给button添加点击事件

二：unity button 绑定事件

三：给button绑定点击事件

四：button绑定回车事件

相关推荐

评论抢沙发

评论前必须登录！

一：jquery给button添加点击事件

二：unity button 绑定事件

三：给button绑定点击事件

四：button绑定回车事件

相关推荐

评论 抢沙发

评论前必须登录！

评论抢沙发