【javascript – onClick,输入类型=“image”】教程文章相关的互联网学习教程文章

javascript – 使用onclick旋转图像【代码】

我尝试制作一个切换按钮,每次点击我的图像(箭头)将旋转180度:<a href='#' onclick='$(\"#divToggle\").slideToggle(\"slow\");'> <img src='blue_down_arrow.png' onclick='$(this).rotate(180);' /></a><div id='divToggle' style='display:none;'>...CONTENT...</div>";此代码切换我的div,但图像仅在第一次单击时旋转,然后保持“向上”.我使用这个:http://code.google.com/p/jqueryrotate/解决方法:这是因为旋转角度的值是绝对...

javascript – jquery onclick函数未定义【代码】

我有一个ajax脚本,我试图从一个函数发布.我正在使用onlick href,但它不会出现未定义.这是使用wordpress.我试图在范围内外移动代码,但我似乎仍然无法让它工作.<div id="live"><div class="container"><?php the_content(); ?><div id="comment-display"><form method="post" action="index.php" id="comments_submit"><input type="hidden" id="nameBox" value="<?php echo $_SESSION['name'] ?>" name="name"/><input type="hidden...

javascript – 启动Mailchimp邪恶的popup onclick【代码】

造型<link href="//cdn-images.mailchimp.com/embedcode/classic-081711.css" rel="stylesheet" type="text/css"> <style type="text/css">#mc_embed_signup{position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.8);display:none;z-index:10000; }#mc_embed_signup form{position:fixed; top:10%; left:50%; width:50%; margin-left:-25%; font:normal 100% Helvetica,Arial,sans-serif; fo...

JavaScript’onclick’事件’返回’关键字功能【代码】

我是javascript的新手,偶然发现了return关键字.基本上,这两个陈述的区别是什么?<input type="checkbox" onclick="doAlert()" />VS<input type="checkbox" onclick="return doAlert();" />从本质上讲,两者都返回了相同的结果并调用了函数,但还有更多吗?任何帮助非常感谢:).谢谢!解决方法:从函数返回false将中止检查的效果.因为编写硬编码到html属性的函数的本机(它变成了一些新的本地函数),编写没有单词“return”的html将只运行...

javascript – onclick调用hide-div函数无效【代码】

我一直在与这段简单的代码作斗争.我正在尝试使用< button>调用一个简单的JavaScript函数来隐藏< div>. HTML:<button type="button" onclick="close('wrong')">OK</button>JavaScript的:function close(ID) {document.getElementById(ID).style.display="none"; }我确信这是非常简单的事情,我不能,因为我的生活,找到它.解决方法:尝试将close函数名称更改为closeit之类的其他名称,因为它可能会将其与window.close()函数混淆.

Javascript将onclick事件附加到所有链接【代码】

我想在网站的每个链接上附加一个函数来更改参数. 如果没有jQuery,我怎么能这样做? 如何遍历每个链接(可能是一个DOM项)并调用它们上的函数?解决方法:所有现代浏览器都支持getElementsByTagName,并且一直支持IE 6var elements = document.getElementsByTagName('a'); for(var i = 0, len = elements.length; i < len; i++) {elements[i].onclick = function () {// stuff} }

javascript – onclick函数自动运行【代码】

使用谷歌应用程序脚本我无法运行传递参数的js函数.当我添加参数时,它将始终在页面加载时运行代码,而不是单击按钮时. 直接从HtmlService示例,它是正常的 – 它按下按钮时运行…document.getElementById('button1').onclick = doSomething;但是当我在调用(和函数)中添加一个参数时,它会在页面加载时运行一次(而不是按下按钮时)…document.getElementById('button1').onclick = doSomething('with_this_parameter');如果答案显而易见,...

javascript – 如何在React上正确地将onclick处理程序绑定到`this`【代码】

解释为什么这不是重复:我的代码已经工作,我已作为评论包括在内.问题是当我将其包含在单击处理函数中时,此上下文会发生变化.我在React尝试计算器项目.目标是将onclick处理程序附加到数字按钮,以便数字显示在计算器显示区域.如果处理程序直接写入render方法它正在工作,但是,如果我从ComponentDidMount尝试我得到一个错误this.inputDigit不是一个函数.如何正确绑定this.inputDigit(数字)?import React from 'react'; import './App....

javascript – React onClick函数在渲染时触发【代码】

我将2个值传递给子组件: >要显示的对象列表>删除功能. 我使用.map()函数来显示我的对象列表(如反应教程页面中给出的示例),但该组件中的按钮在渲染时触发onClick函数(它不应在渲染时触发).我的代码看起来像这样:module.exports = React.createClass({render: function(){var taskNodes = this.props.todoTasks.map(function(todo){return (<div>{todo.task}<button type="submit" onClick={this.props.removeTaskFunction(todo)}>...

javascript – 将值传递给onclick【代码】

参见英文答案 > JavaScript closure inside loops – simple practical example 43个如果我使用循环创建大量HTML元素,比如for (i= 1; i < 100; i++) {var my_element = document.createElement ("td");row.appendChild (my_element);my_element.onclick = function () {my_function (i)); }然后单击该元素时,传递给my_function的i值始终为100,无论调用它的是哪个数字元素.我通过使用解决了这个...

如何从onclick div属性中检测Javascript中的控件点击?【代码】

参见英文答案 > How can I check if a key is pressed during the click event with jQuery? 4个我需要知道用户是否正在点击或控制点击div元素.我已经看到了如何使用事件监听器做的例子..但我的代码已经设置到位,并使用on-element onclick方法.. HTML<div id='1' onclick='selectMe()'>blah</div>JSfunction selectMe(){//determine if this is a single click, or a cntrol click }…也很想知...

javascript – 为什么我不能使用onClick来执行jQuery $(document).ready函数内的函数?【代码】

我是Javascript和jQuery的新手.我想单击一个按钮并执行js功能. (对于这个例子,它只是一个警报,但它实际上是一个ajax函数.) 出现第一个警报,但在我点击按钮后,我从未看到第二个警告(“已做”).看起来javascript不认为单击按钮时定义了doIt()函数. 这是相关的代码:$(document).ready(function() { alert('ready');function doIt() {alert('did it');}; } )<body><input name="Go" type="button" value="Go" onclick="doIt();"/> </b...

将onclick事件添加到JavaScript中新添加的元素【代码】

我一直在尝试将onclick事件添加到我用JavaScript添加的新元素中. 问题是当我检查document.body.innerHTML时,我实际上可以看到onclick = alert(‘blah’)被添加到新元素中. 但是当我点击该元素时,我看不到警报框正在工作.事实上任何与JavaScript相关的东西都不起作用.. 这是我用来添加新元素的内容:function add_img() { var elemm = document.createElement('rvml:image'); elemm.src = 'blah.png';elemm.className = 'rvml';elem...

javascript – onclick打开窗口和特定大小【代码】

我有这样的链接:<a href="/index2.php?option=com_jumi&amp;fileid=3&amp;Itemid=11" onclick="window.open(this.href,'targetWindow','toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,')我希望新的打开窗口以特定大小打开.如何指定高度和宽度?解决方法: <a href="/index2.php?option=com_jumi&amp;fileid=3&amp;Itemid=11"onclick="window.open(this.href,'targetWindow','toolbar=no,location=no,...

javascript – 使用onclick执行PHP函数【代码】

我正在寻找一个简单的解决方案,只有在单击a-tag时调用PHP函数. PHP:function removeday() { ... }HTML:<a href="" onclick="removeday()" class="deletebtn">Delete</a>更新:html和PHP代码在同一个PHP文件中解决方法:首先,要了解您有三种语言协同工作. > PHP:仅由服务器运行并响应请求,例如单击链接(GET)或提交表单(POST).> HTML& JavaScript:仅在某人的浏览器中运行(不包括NodeJS). 我假设你的文件看起来像:<html> <?phpfun...

JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部