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

javascript-函数无法通过html内部的onclick执行【代码】

这个问题已经在这里有了答案: > JavaScript not running on jsfiddle.net 4个这可能很简单,但是我对JavaScript还是很陌生,这让我发疯. 我的问题,为什么这行不通:http://jsfiddle.net/Ye9tG/<input type="button" id="butt" value="Button" onclick="getThought();"/>如果我将onclick直接添加到JavaScript中,则可以正常工作:document.getElementById("butt").onclick ...

javascript-从中获取调用onclick函数的元素【代码】

我有一个带有onclick属性的按钮,该按钮指向函数test().<button onclick="test()">Button 1</button> <button onclick="test()">Button 2</button> <button onclick="test()">Button 3</button>功能测试():function test() {var button_name = this.html;console.log("Im button "+ button_name); }如何获得有关单击按钮的信息?例如我如何阅读html? jsfiddle:https://jsfiddle.net/c2sc9j9e/解决方法:将此引用传递给函数,然后读...

所有单元格中的Javascript onClick事件【代码】

我正在学习JavaScript,但经验不足.但是我正在制作一个HTML表,我想在每个表单元格(< td>)中添加一个onClick事件.<table id="1"><tr><td onClick="tes()">1</td><td onClick="tes()">2</td></tr><tr><td onClick="tes()">3</td><td onClick="tes()">4</td></tr> </table>还有其他方法可以在每个单元中执行此事件吗?解决方法:有两种方法:var cells = table.getElementsByTagName("td"); for (var i = 0; i < cells.length; i++) { ...

javascript-具有onclick和href =’#’的锚标记滚动到顶部【代码】

我有一个锚标签<a href="#" onclick="Register();" >Register</a>如果锚点中没有href,它可以弄乱一些东西,但是我不需要重定向,只需调用js函数即可.但是,当单击此链接时,href =“#”导致其将页面滚动到顶部.如何防止这种情况发生?解决方法:您可以添加return false ;,如下所示:<a href="#" onclick="Register(); return false;">Register</a>这样可以防止锚的默认操作(即去散列)导致滚动.

JavaScript按钮onclick无法正常工作【代码】

<button onclick="hello()">Hello</button><script>function hello() {alert('Hello');} </script> 这是我的代码.但这不起作用.当我单击按钮时,什么也没有发生.解决方法:这个怎么样?<button id="hellobutton">Hello</button> <script> function hello() { alert('Hello'); } document.getElementById("hellobutton").addEventListener("click", hello); </script>附:您应该在按钮上方放置hello().

javascript-成功更改视频的来源和轨迹使用onclick按钮,但是视频仍然相同【代码】

在我开始之前,对不起,如果我属于我,请重新发布.但是,在检查上一个线程后,我仍然没有得到答案. 我尝试使用onclick按钮更改视频源.但是,尽管来源已更改,但视频仍然相同.<video width="560" height="320" controls="controls" preload="none"><source id="myVideo" src="/video1.mp4" type="video/mp4"><track id="mySubtitle" src="/Subtitle1.srt" kind="subtitles" srclang="id" label="Indonesian" default> </video><button oncl...

JavaScript onclick事件不适用于的吗?【代码】

由于某种原因,其下面的代码无法正常工作.除非我对JavaScript不太了解,否则除了onclick事件不会在< option&s上触发之外,我看不到出了什么问题. function showOther() {document.getElementById('other').value = "";document.getElementById('other').style.display = 'block';document.getElementById('otherBR').style.display = 'block'; }function hideOther() {document.getElementById('other').style.display = 'none';docum...

javascript-如何在第一次按下回车键时触发第一个onclick事件来停止元素【代码】

我正在修复一个jsp页面中的错误,即使在该页面中,即使使用onkeypress事件定义了一个函数,也可以在第一次打开该页面时单击特定按钮(实际上是具有onclick属性的按钮图像),然后再输入键按下它抛出一个错误.当我调试代码时,我发现实际上同时进行了两个调用,即也单击了具有onclick属性的第一个按钮. 这只是一个示例代码<html> <head> </head> <body> <div onkeypress =handleEnter()> name <input type="text" src='Create.gif' > </br>...

javascript onclick create(element)div viz弹出框【代码】

我正在尝试制作一个弹出框,单击一个按钮就会调用它,这是我到目前为止所拥有的… http://jsfiddle.net/WGPhG/2/解决方法:这是一个小提琴,实际上做你想要的 – http://jsfiddle.net/WGPhG/6/ JSfunction popUp(){var popup = document.createElement('div');popup.className = 'popup';popup.id = 'test';var cancel = document.createElement('div');cancel.className = 'cancel';cancel.innerHTML = 'close';cancel.onclick = fun...

javascript – 通过单击子div来防止onClick事件【代码】

我正在尝试在React JS中创建一个模态 我有一个外部div,这是整个身体,我有我内在的div.我想应用函数来关闭模式,如果它被点击在内部div之外. 我的代码如下:popupOutterDivStyle() {return {zIndex: 10000,position: "fixed",width: "100%",height: "100%",top: 0,left: 0,background: "rgba(102,102,102,0.8)"} }popupInnerDivStyle() {return {zIndex: 20000,position: "fixed",width: "70%",top: "50%",left: "50%",height: "400p...

javascript – 改变Div风格onclick【代码】

我在页面顶部有2个标签.单击一个选项卡时,我希望该选项卡具有“活动”类,而另一个选项卡具有“非活动”类,以便用户可以看到当前选择的选项卡.我怎么能用javascript / css做这件事?<div class="tabActive"> Option 1 </div><div id="tabInactive"> Option 2 </div>解决方法:另一个非jQuery解决方案可以使用以下两个以上的div:function changeClass(elClass) {var divsLenght = document.getElementsByTagName("div").length;for (...

javascript – “点击”和onclick之间的区别【代码】

点击进入有什么区别document.getElementById("myBtn").addEventListener("click", displayDate); 并点击进入<!DOCTYPE html> <html> <body><h1 onclick="this.innerHTML='Ooops!'">Click on this text!</h1></body> </html> 它们都被视为事件吗?为什么我们不能使用点击而不是onclick,反之亦然?解决方法:是的,它们都是事件,简单地说是相同的,并且在使用内联方式分配其处理程序时使用onclick,而在使用事件侦听器分配时使用onc3(...

javascript – 记住带有localstorage onclick的复选框【代码】

我正在尝试为Chrome扩展程序创建一个选项页面.第一部分将值设置为本地存储.检查是否为true,取消选中false.如果用户在其他时间回来并且设置将应用于复选框,则第二部分应该更新复选框. 我的问题是,当用户刷新或关闭窗口并返回时,永远不会检查复选框,但本地存储将更改为true或false.我如何制作它以便用户可以选中该框,当用户稍后返回或刷新页面时它将保留.setStatus = document.getElementById('stat');setStatus.onclick = function(...

Javascript – 动态添加带有onClick属性的按钮【代码】

我正在使用此代码,它添加了按钮:document.getElementById("items").innerHTML=document.getElementById("items").innerHTML+ ('<input type="button" value="'+document.getElementById("add").value+'"><br>');有用.现在我添加onClick属性:document.getElementById("items").innerHTML=document.getElementById("items").innerHTML+('<input type="button" onClick="alert("'+document.getElementById("add").value+'")"value="...

javascript – 在图像上放置一个点 – onClick【代码】

用户可以点击图像上的3个点,我想在这些点上显示黑点.然后我将这些值保存在我的数据库中,然后用这3点重新生成图像. 这是一个2部分问题: 1.)在我的代码中,单击图像时无法检测到onClick事件.有人可以调查这个.这是我的代码. JSFIDDLE$(document).ready(function () {$('body').click(function (ev) {alert("d");mouseX = ev.pageX;mouseY = ev.pageYalert(mouseX + ' ' + mouseY);var color = '#000000';var size = '1px';$("body")....

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