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

javascript – 更改文本颜色onclick【代码】

我是JavaScript的新手.我使用JavaScript开发了一个页面,当我选择一种颜色时,它会作为背景应用于整个页面. 我想开发一个页面,我只能更改文本颜色.它应该被更改(从红色到绿色或类似的东西),但页面不应该刷新,只应更改选定的内容或文本颜色. 任何人都可以帮助我.有关如何开发它的任何想法?提前致谢.解决方法:我认为,重写Sarfraz的答案就是这样的:<script>document.getElementById('change').onclick = changeColor; function chan...

javascript – 在chrome.browserAction.onClicked上调用内容脚本函数【代码】

我的问题很简单,我只是想弄清楚最简单的方法. 我的chrome扩展的当前迭代使用按钮将DIV注入到网页中,当按下该按钮时,将执行一个功能. 我想在不注入DIV的情况下执行此操作,方法是在工具栏中按下浏览器按钮时在我的一个内容脚本中执行一个函数.最简单的方法是什么?我相信我必须使用背景页面,我在文档中看到的唯一一件事就是在两端注册一些监听事件.如果这是唯一/最简单的方法,我该怎么做呢?解决方法:是的,使用在后台脚本和内容脚本之...

javascript – jQuery onclick隐藏其父元素【代码】

我想隐藏< li> < a>上的标记用jQuery点击标签.<ul><li><a href="'>Something</a></li><li><a href="'>Something</a></li><li><a href="'>Something</a></li> </ul>换句话说,如果有人点击了链接(< a>< / a>),则其父级< li>隐藏起来.解决方法: (function() {$("ul li a").click(function(e) {e.preventDefault();$(this).parent().hide();}); })(jQuery);还尝试了“one”jQuery函数(function() {$("ul li a").one('click', function(...

javascript – 禁用父元素的onclick事件【代码】

假设我有一个带onclick事件的元素,以及其中的另一个元素,如何禁用子元素的onclick? 例:< h3 onclick =“做某事”>< input type =“checkbox”name =“child”/>文字< / H3&GT选中该复选框时,不应触发onclick事件.谢谢.解决方法:你的处理程序(“做某事” – h3-tag的一部分)可以检查原始元素的tagName:var origin = event.srcElement || event.target; if (origin.tagName && origin.tagName.match(/h3/i)){// do things } else...

javascript – 在iphone上进行onclick工作【代码】

我一直在我的javascript中使用“onclick”,但现在我希望它也适用于Iphone.是否有一种简单的方法可以使所有“onclick”像ontouchstart一样工作,支持ontouchstart? 或者我需要写两次所有脚本(一个使用onclick,另一个使用ontouchstart)? :S 注意:我不想使用jquery或任何其他库.<!DOCTYPE html> <title>li:hover dropdown menu on mobile devices</title> <script> window.onload = function () {if ('ontouchstart' in window) {/...

Chrome扩展程序弹出窗口中的onclick中的JavaScript警报会立即消失【代码】

我正在使用Chrome扩展程序,并希望在用户点击某些元素时使用prompt()来获取用户的输入.不幸的是,出于某种原因,当调用onclick(或jQuery $(‘#something’)时,我无法获得提示()或alert().单击(函数),这是我最初遇到的这个). 也就是说,如果我使用下面的HTML作为我的扩展程序的popup.html,则会显示第一个警报,但第二个警报会在屏幕上闪烁,然后在没有任何用户干预的情况下立即消失.然后扩展弹出窗口也会立即关闭.<script> alert("This al...

JavaScript onClick addClass【代码】

我有点困惑为什么我的代码不能正常工作,我希望你会告诉我我做错了什么.我想在点击时突出显示导航标签. HTML:<header class="mainheader"><!-- Obrazek tutaj--><nav><ul><li><a id="a-home" onclick="dodajAktywne(this)" href="index.html">Home</a></li><li><a id="a-omnie" onclick="dodajAktywne(this)" href="omnie.html">O mnie</a></li><li><a id="a-kurs" onclick="dodajAktywne(this)" href="kurs.html">Kurs</a></li><l...

javascript – 是否可以onclick =“history.clear();”【代码】

我将在我的PhoneGap应用程序中实现注销按钮,该应用程序将用户返回到认证页面(带有已清除的字段).对于按钮我正在使用onclick事件的锚点:<script type="text/javascript"> function doLogout() {var backlen = history.length;history.go(-backlen);window.location.replace("index.html"); } </script><a data-role="none" href="#" onclick="doLogout"></a>但它不起作用,即它只是让我回到已经填充的文件的认证页面,似乎只是后退一...

javascript:将一个对象作为参数传递给字符串中的onclick函数【代码】

我想将一个对象作为参数传递给字符串中的Onclick函数.像下面这样的东西:function myfunction(obj,parentobj){ var o=document.createElement("div");o.innerHTML='<input type="button" onclick="somelistener(' + obj + ')" />';parentobj.appendChild(o.firstChild); }显然,这不起作用.任何人有任何想法?谢谢! 一个更完整的版本,正如@Austin所建议的那样<!DOCTYPE html> <html> <body> <style type="text/css"></style> <p id...

javascript – 带有onclick事件集的Font-Awesome图标【代码】

我正在尝试使用以下font-awesome图标<i class="fa fa-minus-circle"></i>作为我页面上列表中项目旁边的删除图标,如下所示:Item 1 delete-icon Item 2 delete-icon点击其中一个图标我需要运行一个JavaScript函数… 我应该用什么html元素包装图标?我注意到当我使用锚标签时它变成蓝色,当我使用按钮时它最终被包裹在一个按钮中.还有其他选择吗? 基本上我想这样做<a onclick="Remove()"><i class="fa fa-minus-circle"></i></a>或...

javascript – React onClick – 使用参数传递事件【代码】

没有参数function clickMe(e){//e is the event }<button onClick={this.clickMe}></button>带参数function clickMe(parameter){//how to get the "e" ? } <button onClick={() => this.clickMe(someparameter)}></button>我想参加活动.我怎么才能得到它?解决方法:尝试这个<button onClick={(e) => {this.clickMe(e, someParameter) }}>Click Me!</button>并在你的功能function clickMe(event, someParameter){//do with event }

javascript – 是否可以使用onclick获取元素的值?【代码】

我目前有一个表,其中包含使用php回显的电子邮件模板名称列表.下面是php代码的一部分.我正在尝试获取表值并将其传递给我的JS文件,其中未来的AJAX命令会将其传递给另一个文件(我不会遇到任何问题).我第一次尝试提醒值,表明该值未定义.我的第二次尝试显示了它内部的元素类型(当时它是一个跨度).现在它没有显示任何东西.建议? PHP代码:<table class="departments"> <tr> <th scope="col" style="width: 175px;">Email Name</th> '; $...

javascript – Chrome扩展程序> contextMenus Api>无法添加onclick处理程序【代码】

我正在尝试创建一个chrome扩展.目前我即将为我的扩展程序创建上下文菜单,当我点击它时会执行某些操作.所以,关注谷歌文档我创建父.chrome.contextMenus.create({title: "bla", id: "parent"});然后我创建了child并尝试向其添加onclick处理程序.chrome.contextMenus.create({title: "bla bla", parentId: "parent",id: "child",onclick : function() { alert("bla bla bla") } });因此,它的工作正常,没有onclick,并且在onclick这里时...

javascript – jquery或html下载图片onclick或链接【代码】

我有一个图像,我希望用户点击以便能够下载(保存). 当前单击时,下载框会弹出image.jpg标记,并允许用户保存. 我正在使用HTML:<a href="folio/1.jpg" download><img src="folio/1.jpg"/></a>这很好用,但我有很多图像,有没有办法使用jQuery做类似的事情jQuery(function($){ $("a").prop("href", "(this)") });下载图像而不必两次输入它所以它看起来像这样:<a href="" download><img src="folio/1.jpg"/></a>我正在尝试简化编码,以便轻...

javascript – onclick无法使用按钮【代码】

我试图使按下搜索按钮的JavaScript功能工作,但功能似乎没有运行.请指导. Fiddle.<form action="" method="get" id="searchform" ><input name="q" type="text" id="search" size="32" maxlength="128" class="txt"/><input type="submit" id="hit" value="Search" onclick="myFunction()" class="btn"/> </form>继承人JS,function myFunction() {alert("I am an alert box!"); }解决方法:你已将函数包装在body,onLoad中,只需将其更...

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 全部