如何在ajax上修复onclick监听器？
在修复onclick监听器上，可以使用以下方法：
- 使用addEventListener()方法替代onclick属性：addEventListener()方法是DOM元素的方法，用于添加事件监听器。通过使用该方法，可以避免直接修改onclick属性，从而提高代码的可维护性和可扩展性。示例代码如下：
var element = document.getElementById('myButton');
element.addEventListener('click', function() {
// 处理点击事件的代码
});- 使用事件委托：事件委托是一种将事件监听器添加到父元素而不是每个子元素的技术。通过将事件监听器添加到父元素，可以减少内存消耗，并且可以动态地处理新添加的子元素。示例代码如下：
var parentElement = document.getElementById('parent');
parentElement.addEventListener('click', function(event) {
if (event.target && event.target.id === 'myButton') {
// 处理点击事件的代码
}
});- 使用闭包：通过使用闭包，可以在onclick监听器中访问外部变量，从而避免全局变量的污染。示例代码如下：
var myButton = document.getElementById('myButton');
myButton.onclick = (function() {
var count = 0;
return function() {
count++;
console.log('按钮被点击了 ' + count + ' 次');
};
})();以上是修复onclick监听器的几种常用方法，根据具体情况选择合适的方法进行修复。对于ajax请求，可以在点击事件处理函数中使用XMLHttpRequest对象或者fetch API来发送异步请求，并处理返回的数据。腾讯云提供了云函数（SCF）和API网关等产品，可以用于处理服务器端的逻辑和请求转发。具体的产品介绍和使用方法可以参考腾讯云的官方文档：腾讯云产品文档。
相关·内容
我正在使用javascript在我的jsp文件，在IE11上它运行良好，但我不能运行和显示在Chrome或火狐浏览器上，我已经尝试转换为jquery，但没有ok
这是我的jsp：
<head>
<script language="javascript">
// functions
function examStart()
{
...
}
function goout_onclick()
{
...
}
function GetQ()
{
...
浏览 0提问于2017-09-18得票数 3
我有一个完成所有设置过程的activity，即创建初始视图和OnClickListener，然后在某个时刻创建一个对象，将activity和OnClickListener作为参数进行传递。然后，该对象进行自己的设置，更改为视图，并使用OnClickListener设置TableRows。我遇到了这样的问题:当我单击其中一行时，似乎没有调用OnClick(View v)。代码看起来很可靠，但是我要么遗漏了什么，要么我的实现就是不能工作。任何帮助都将不胜感激。
public class MyActivity extends Activity {
private Object mObject;
浏览 0提问于2011-03-21得票数 0
我正在使用puppeteer来收听点击事件。我还想知道被点击的html元素的id。我如何做到这一点呢？我现在的代码如下： const puppeteer = require('puppeteer');
const fs = require('fs');
(async () => {
let browser = await puppeteer.launch({ headless: false });
let page = await browser.newPage();
// Expose a handler to the page
await pa
浏览 120提问于2020-10-12得票数 1
1回答
我正在写一个非常基本的网站来学习一些javascript，我希望在你加载页面时显示一个民意测验，比如你最喜欢的冰淇淋，然后用户点击一个按钮进行相应的选择。然后，我希望这增加一个存储在服务器上的计数器，该计数器可以在另一个页面上访问，供用户查看所有结果。我无法找到一种在服务器上存储选票的方法，因为我以前从未使用过javascript (唯一可比的东西是广泛的Python，在这种情况下，编写文件非常容易)，我无法找到这样做的方法。
我现在的思路是这样的，
<ul class="pollList">
<li onclick="vote(1)
浏览 3提问于2022-04-21得票数 -1
我试图在AJAX请求的结果处理程序中使用sessionStorage设置HTML5。为了解释这一点，让我们说我的AJAX是这样的：
$(document).ready(function(){
var output = $('.dotted-list');
$.ajax({
url: 'page.php?sub='+categories+'',
dataType: 'jsonp',
jsonp: 'jsoncallback',
time
浏览 1提问于2015-11-11得票数 1
回答已采纳
1回答
我想知道是否有可能链上重叠的onClick事件，而不把任何东西传递给孩子。
我知道我可以把东西传递到树下，只有一个函数，但我只是在实验
<div onClick={()=> foo("a")} >
<div onClick={()=> foo("b")} />
</div>
我想要的是在侦听器函数中一起接收这两个事件，如下所示：
listener = (events) => {
console.log(events) // something like [[Event("a"),
浏览 2提问于2022-07-12得票数 0
1回答
我正在制作一个卡片匹配游戏。开始时，游戏生成16个按钮(卡片)，每个按钮被赋予一个听者在点击时作出响应。直到昨天这一切都是完美的。
今天，我尝试在场景中添加一个粒子发射器(没有修改代码)。当我运行现场测试发射器，按钮不能工作。我删除了发射器，但问题依然存在。我检查了检查器中的按钮，其中任何一个都没有添加onClick事件。
不管我做什么，我似乎都不能让它再把onClick添加到按钮中了。
这是我的代码：
void Start()
{
GetButtons();
AddListeners();
A
浏览 6提问于2020-09-29得票数 0
我的应用程序中有一个JSF页面，其中包含一个使用PrimeFaces的表。此表具有一个ajax方法，该方法应在触发特定事件时执行：
如果客户端浏览器来自移动设备(手持设备)，那么应该触发ajax请求的事件必须是onSelect，否则(对于台式机)该事件必须是onDblselect (双击)。
这是表中的ajax：
<p:ajax event="rowDblselect" listener="#{productController.productSelect}" update=":mainForm" />
如你所见，现在的事件是固定的。
浏览 1提问于2016-06-07得票数 0
我在jframe上使用了一个文本区，但是我不知道如何在源码上为文本区写文本，当我按下另一个jframe上的按钮时，我想在文本区显示消息。假设我单击了一个jframe上的" location“按钮，该位置将显示在另一个jframe上的文本区域中。
浏览 6提问于2016-04-10得票数 0
3回答
我正在用PHP创建一个在线考试应用程序，在AJAX调用方面遇到了问题。
当单击右边的一个按钮时，我希望使用AJAX调用获取问题(并用于填充div)。这些按钮不是静态的；它们是在服务器上生成的(使用PHP)。
我正在寻找一个AJAX调用，如下所示：
functionname=myfunction(some_id){
ajax code
success:
html to question output div
}
按钮应该调用这样的函数：
<button class="abc" onclick="myfunction(<?php echo $ques
浏览 7提问于2015-01-23得票数 1
回答已采纳
以下是代码，我正在尝试接收来自重叠的图像视图的反馈。其中一个图像视图返回isPressed方法true，但另一个返回false。它们是重叠的，所以当我单击其中一个时，我猜它们的isPressed方法都应该是真的。我哪里错了？ public class MainActivity extends AppCompatActivity {
private final String TAG = this.getClass().getSimpleName();
ImageView[] imageViews;
Button button;
int a = 0;
@Override
浏览 18提问于2020-01-10得票数 1
回答已采纳
1回答
我目前正在开发一个小应用程序，它使用React和传单，它的目的是找到最好的路线与所有标记，用户已经添加到地图上。
代码工作正常，但我的问题是，一旦我单击按钮开始路由，每次我再次单击它，它的“堆栈”在后台。更确切地说，它多次运行(onClick事件)，后台有旧标记，以至于应用程序崩溃。
我尝试过许多不同的方法来解决这个问题，但是到目前为止还没有一种方法起作用。
App.js(主要代码)
import React, {createRef, Component } from 'react';
import './App.css';
import L, { Point
浏览 3提问于2020-07-25得票数 1
回答已采纳
我正试图构建一个计算器，它从预定义输入的总和中计算出总数。允许用户随时更改输入，总输入应自动更新。
到目前为止，我已经成功地创建了一个计算器，它接受预定义的输入变量并显示总变量，但是当用户向表单中输入一个新变量时，我很难获得要更新的总数。
我尝试了几种不同的方法来返回表单中的输入，并替换全局输入变量("input1“和"input2")，但它们没有起作用。任何帮助都是非常感谢的，迈克。
<head>
<title>Bootstrap Case</title>
<meta charset="utf-8"&g
浏览 3提问于2016-04-23得票数 0
回答已采纳
1回答
我是new @jsp，希望在选项卡或浏览器窗口关闭时调用注销函数。我做了一些研究，发现我需要使用window.onbeforeunload。但问题是，我不知道把它放在我的jsp页面的什么地方。下面是它的代码：
<%@ page language="java" contentType="text/html; charset=windows-1256"
pageEncoding="windows-1256"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transiti
浏览 0提问于2017-04-08得票数 0
当涉及到Ajax时，我是一个完全的初学者，由于某些原因，我不能得到一个简单的例子来工作…
javascript：
var xmlhttp;
function reloadIssues()
{
if (window.XMLHttpRequest)
{
xmlhttp = new XMLHttpRequest();
}
else
{
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechang
浏览 2提问于2011-04-08得票数 1
回答已采纳
我想添加一个通过dangerouslySetInnerHTML显示的html字符串的<img>上的onClick()。我是这样做的：
onClickBlowUpImage(e) {
console.log('test')
}
render() {
const finalContent = this.state.content.replace(/<img/g, '<img id="content_img" onClick={this.onClickBlowUpImage.bind(this)}')
浏览 8提问于2017-07-18得票数 6
1回答
在删除了下面代码中的数据之后，我希望页面不需要手动刷新就可以显示更改。我确信有无数种方法可以做到这一点，但我正在寻找最佳实践。有小费吗？(下面的函数位于app组件中，我使用按钮上的onClick调用该函数)
const deleteBooklet = async (id) => {
const bookletDoc = doc(db, "Booklet", id);
await deleteDoc(bookletDoc);
};
浏览 9提问于2022-09-04得票数 0
回答已采纳
1回答
我是一名学生，正在学习Ajax来更改用PHP DOM生成的输入字段的值。下面是生成表行的代码。
<?php
$totalval = 0;
foreach($_SESSION as $name=>$value){
$total = 0;
if(substr($name,0,5) == "item_"){
$id = substr($nam
浏览 0提问于2018-05-14得票数 0
我有一个密码为“type=”的字段。由于某些原因，我已将该字段设为只读。并且idea在焦点上-我将删除readonly属性。
目前，当我执行以下操作时，我会得到onfocus警报
<input type="password" id="pt" onclick="function hi()
{alert ('hi')}; hi()" readonly>
但下面的onclick代码不起作用：
onclick="function hi(){$(this).removeAttr('readonly')
浏览 0提问于2019-02-02得票数 0
2回答
我有三个不同的文件：
ajax.js
function ajaxPreTier(index) {
$.ajax({
type: "POST",
url: 'ajax.php',
data:{action: 'setPreTierImg', i: index},
success:function(html) {
alert(html);
}
});
}
fu
浏览 4提问于2016-03-31得票数 0
回答已采纳
我在MamP3.2x上本地开发了一个Joomla网站，就在昨天，我把它迁移到了客户机服务器上。它正在使用Apache2.2.xx(标准CentOS包)运行CentOS 6.5。我已经安装了php5.5和php5.5-fpm，以及MySQL等。
这个网站运行得非常好，除了一个小问题，我把它缩小到了"Onclick“这个词。
如果任何文章、模块或内容中包含"onclick“一词，只要单击Save、Save、Cancel等，我就会得到服务器删除的连接错误。
奇怪的是，如果它的“单循环”或"Onclik“或任何其他变体，那么它就好。但不知为何，"onclick“却导致了
浏览 2提问于2015-03-13得票数 0
回答已采纳
1回答
我做了一个基于CodeMirror的编辑器，但我有一些问题。
<textarea id="code"></textarea>
<script>
var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
mode: "htmlmixed",
lineWrapping: true,
matchBrackets: true,
styleActiveLine: true
});
</scr
浏览 34提问于2020-05-14得票数 0
回答已采纳
我有一个程序，当一个按钮被按下时生成足球比赛安排。然后在屏幕上显示灯具。首先，我需要在刷新页面之前按两次按钮，以便生成和显示夹具。在那之后，有时当我按下按钮时，我可以看到生成了多行代码，这意味着在按下按钮时，函数被多次调用，有时它只被调用一次，而fixture只生成一次。
fixture.php
$teams = array("FC FCSB", "AFC Astra Giurgiu", "FC Dinamo 1948", "FC Viitorul 2009", "CSM Politehnica Iasi", &#
浏览 0提问于2019-08-05得票数 0
在我的应用程序中，我有一个名为tasti.class的活动。当我按下button "aggiungi“时，它会打开一个AlertDialog，在那里我可以输入一个名称。然后，当我按下保存时，它将在我的GridView中创建一个自定义的GridView，就像您在下面的屏幕截图中看到的那样，它位于我的ScrollView中。
现在，我想知道的是，是否有可能使这些创建的CardViews可点击。我想要能够改变，当我点击其中之一，Text在其中。
以下是我的tasti.class代码：
public class tasti extends AppCompatActivity {
浏览 1提问于2018-06-05得票数 1
回答已采纳
我是个新手。我想添加一些代码，允许我在通过文本框提交的位置使用Enter键以及光标单击来初始化google地图。我已经按下了点击部分，回车键，不是很多:(
<input id="address" type="text">
<input id="search" type="button" value="search" onClick="search_func()">
<script>
function search_func() {
var addre
浏览 0提问于2015-08-16得票数 2
我有两个视图(一个是从SurfaceView派生的，另一个是从ImageView派生的)，每个视图都封装在一个框架布局中，并且每个视图都实现了一个ontouchlistener，它被设置为视图本身的ontouchlistener。这两个视图(布局)在屏幕上没有交集。
但是，我不能让这两个监听器一起工作。
例如，如果视图A(监听器A)上有一个ACTION_DOWN，则监听器B不会做出反应(即使下面的动作在视图B上，也不会将事件分派给B)，只有监听器A才会做出反应，直到没有触摸事件为止。
也就是说，即使监听器A只被设置为视图A的only监听器，它也会处理整个屏幕上的每个事件，而其他监听器则被禁止。
浏览 0提问于2011-05-16得票数 0
回答已采纳
这个页面的想法是从我的java应用程序中加载“技能”，并动态创建一个Delete按钮，允许我从应用程序中删除这些“技能”。
试图单击按钮删除技能时收到的错误。
manageTech:1未定义的ReferenceError: deleteMe未在HTMLButtonElement.onclick中定义(manageTech:1)
js文件：
$( document ).ready( () => {
var url = window.location;
// GET REQUEST
$("#btnGetFiles").click( (eve
浏览 1提问于2019-05-23得票数 1
回答已采纳
1回答
我正在学习CakePHP，我需要做一个AJAX菜单(一个菜单，一旦你点击链接就不会重新加载页面)。
我可以很容易地使用JavaScript这样做：
function loadPage(page) {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("container&#
浏览 0提问于2018-05-07得票数 1
回答已采纳
我正在获取我的应用程序中的天气信息，并使其工作。现在我得到了一个空指针异常，我不确定为什么，特别是因为它是工作的，并且我没有更改任何代码。
package com.kentuckyfarmbureau.kyfb;
import android.app.Activity;
import android.content.Context;
import android.content.Intent;
import android.location.Location;
import android.location.LocationManager;
import android.os.Bundle;
浏览 0提问于2014-01-17得票数 0
我在一个函数中有一个非常简单的jquery ajax调用，但是我得到了一个非常奇怪的错误。这是一个非常简单的功能
function checkLogin() {
$.ajax({
url: "checkLogin.php",
success: function(data) {
alert(data); //this does print what I want to see
return data; //this however returns undefined!
}
浏览 3提问于2016-04-11得票数 0
我使用的是HTML和，对于系统的这一部分，Primefaces没有启用(不知道原因)，问题是：
我有个按钮
<h:commandButton id="btnPrint"
onclick = "switchDisabled();"
actionListener="#{componentTrackingController.printReport()}"
value="Print Report"
/>
onClick的执行和工作正常(它只是禁用了其他一些按钮)，但actionListener不是。事
浏览 3提问于2014-03-19得票数 1
回答已采纳
5回答
我是JQuery的初学者，如何使用JQuery选择对象？
代码如下：
<script type="text/javascript" language="javascript">
function Hide(senderID) {
$("#" + senderID).hide(200);
// this exception is thrown // Microsoft JScript runtime error: Object expected
}
</script>
<div id="div
浏览 0提问于2011-03-17得票数 1
我们可以调用支持bean，onclick of the ice:pannelTab吗？我试过这样的东西。它调用支持bean，但不更改选项卡。
onclick="#{backing.onClick}; return false;"
public String getOnClick(){
//...
return null;
}
浏览 2提问于2013-02-22得票数 0
我有一个带有视图的类和一个具有onClick属性的化身。
mSampleLayout = (BlurLayout)findViewById(R.id.blur_layout);
View hover1 = LayoutInflater.from(mContext).inflate(R.layout.activity_hover_sample, null);
hover1.findViewById(R.id.avatar1).setOnClickListener(new View.OnClickListener() {
@Override
浏览 4提问于2015-02-21得票数 0
回答已采纳
我使用PHP do-while循环构造一列表。通常有1到8个表。在每个表中，我有三个可单击的图像，每个图像打开一个不同的URL。我需要向URL传递四个参数，其中一个(room_id)在每个表中都是不同的。
在简化形式中，该表的编码如下：
<table>
<tr>
<td class="centleft">
// Some content here
</td>
<td>
<form name="Price
浏览 0提问于2018-12-13得票数 0
我上过这门课
function user(){
this.create_user = function(){
var $el = document.createElement('div');
$el.classList.add('user');
$el.innerHTML = '<a href="#">I am a user</a>';
document.querySelector('body').appendChild
浏览 0提问于2019-01-08得票数 0
我在一个项目中使用了MotionLayout。
问题是，当单击按钮时，只能播放动画，并且无法执行转移到下一个活动的操作。OnClickListener方法显然停止了！
有没有人对这个问题有合理的解决办法？
MotionScene
<Transition
android:id="@+id/state3"
app:constraintSetStart="@+id/next"
app:constraintSetEnd="@id/nextLevel"
app:duration=
浏览 5提问于2021-04-22得票数 1
我正在制作一个手动图片库/幻灯片，在那里按下指针将把你带到下一个/上一个图像。我已经使用'Button‘元素创建了指针。现在，我只希望用户能够使用左/右箭头键。 为了让'button‘元素起作用，我使用了javascript。 <button class="left" onclick="plusDivs(-1)">❮</button>
<button class="right" onclick="plusDivs(+1)">❯<
浏览 35提问于2019-06-29得票数 1
我在我的项目中使用了JSF。我使用的是PrimeFaces的上下文菜单。我看到在p:menuItem中我们有action，actionListener，onclick方法。所以我的问题是:什么时候我必须使用action，actionListner，onclick，以及执行的顺序是什么？
浏览 1提问于2014-01-30得票数 8
回答已采纳
我想在用户点击"Remoe Item“时使用Javascript触发onclick事件。下面给出的是实际可用的代码。问题是我看不到任何id，class来识别点击这个锚文本。你知道怎么做吗？
<a href="javascript:removeCartItem('ci6223000698')">Remove Item</a>
提前谢谢。
罗伊
浏览 0提问于2018-01-31得票数 0
最近，Android在我的xml视图的onClick元素中向我展示了一个警告。
Use databinding or explicit wiring of click listener in code
Suppress Add tools:ignore="UsingOnClickInXml" attribute
这是我的观点：
<ImageView
android:layout_width="48dp"
android:layout_height="48dp"
android:layout_gravity="
浏览 1提问于2021-06-02得票数 4
1回答
因此，我试图触发菜单弹出后，我点击一个图标按钮。
我在用MUI，
所以我复制了演示代码来测试，
<div>
<IconButton onClick={handleOpenMenu}
aria-controls={open ? 'basic-menu' : undefined}
aria-haspopup="true"
aria-expanded={open ? 'true' : undefined}
浏览 6提问于2022-10-30得票数 0
回答已采纳
1回答
代码如下：
1) Razor：
@Html.ActionLink("Edit", "Edit", new { id = item.Id })
但是，我想要这样的东西：
<a href="#" onclick="DisplayEditUser(@item.Id)">Edit</a>
2) JavaScript：
function DisplayEditUser(id) {
window.jQuery.ajax({
type: "GET",
url: &#
浏览 3提问于2017-10-02得票数 2
回答已采纳
我有一个场景，比如我将在数据表中使用单元格编辑。我有两个单元格，第一个单元格是可编辑的，第二个单元格的值需要通过对第一个单元格输入进行一些算术运算来显示(例如:第二个单元格的值=(第一个单元格的值)*.14
我的代码类似于
<p:dataTable id="cars2" var="car" value="#{dtEditView.cars2}" editable="true" editMode="cell" widgetVar="cellCars">.
<p:ajax event
浏览 0提问于2016-03-20得票数 0
我有一个按钮，事件是onclick，然后javascript函数将请求发送到服务器(例如，一个项目上的评级按钮)，页面不应该被重定向，基本上我希望事件在后台发生。如何做到这一点？请给我一些想法或代码。
浏览 2提问于2011-03-07得票数 6
回答已采纳
1回答
我有一个div：
<div
id="up"
onmousedown="mousedown('url(/scanToUserBox/img/cpt_subfunc_005_prev_p.png)', this)"
onclick="changePage('up')">
</div>
当我按下它时，onmousedown会被触发，但当我拖离按钮并移除点击时，onclick事件不会被触发。不使用onmouseout如何触发它？(不支持ondrag)
浏览 3提问于2013-07-16得票数 0
回答已采纳
1回答
我有一个JSF页面，其中有8个图片，如。
*只适用于jquery查看器:请不要与JSf语法混淆。在幕后，所有这些都被转换成普通的HTML。类似于h:panelGrid，将其转换为表元素。p:graphicImage转换为img element.Actually，我想知道使用jQuery ajax加载图像的逻辑。与使用jQuery类似，我调用服务器，然后从数据库中获取图像，当图像完全加载在路径上时，我将更改img属性以更改加载的默认映像。当页面在默认路径上加载时，就会出现一个默认的映像，如/resources/映像/no-preview.jpg。因此，我希望在加载图像时，将其替换为喜欢/reso
浏览 1提问于2012-04-23得票数 0
回答已采纳
在回答以下SO问题时：，我顺便说了一句，使用inline- JavaScript /早期绑定来绑定JavaScript事件“经常被误导”。
例如：
<input id="MyButton" type="button" value="clickme" onlick="Somefunction()" />
我主张使用“后期绑定”方法，即在标记中没有引用JavaScript，我认为这是最佳实践。然而，评论者断言，有必要使用它的场合，我想知道这些可能是什么。
在不讨论这两种方法的相对优点的情况下，任何人都能想到要求您使用(例如
浏览 2提问于2011-06-13得票数 3
回答已采纳
我知道我没有列出代码，但我仍然想提出这个问题，直到我可以得到一些代码。
boostrap 4模态是否适用于第1页以上的数据表？
这对我不起作用。当我搜索或转到表格的不同页面时，模式不会弹出。
<table id="example1" class="table table-bordered table-striped">
<thead>
<tr>
<th>Asset ID</th>
</tr>
</thead>
<tbody>
<
浏览 0提问于2020-04-09得票数 0
一般来说，有3种方法(据我所知)从<a/>标签执行javascript：
1)使用onclick()
<a href="#" onclick="alert('hello'); return false">hello</a>
2)直接链接：
<a href="javascript:alert('hello')">hello</a>
3)或外部附加：
// In an onload event or similar
document.getElementByI
浏览 1提问于2011-09-22得票数 16
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
