如何使用OnClick事件调用JS函数[重复]

2023-11-29

我正在尝试调用我在标头中添加的 JS 函数。请在下面找到显示我的问题场景的代码。

注意:我无权访问我的应用程序中的正文。

每次我点击该元素时id="Save"它只调用f1()但不是fun()。我怎样才能让它呼叫我的fun()?

  <!DOCTYPE html>
  <html>
  <head>

  <script>

   document.getElementById("Save").onclick = function fun()
    {
     alert("hello");
     //validation code to see State field is mandatory.  
    }   

    function f1()
    {
       alert("f1 called");
       //form validation that recalls the page showing with supplied inputs.    
    }

  </script>
  </head>
  <body>
  <form name="form1" id="form1" method="post">
            State: 
            <select id="state ID">
               <option></option>
               <option value="ap">ap</option>
               <option value="bp">bp</option>
            </select>
   </form>

   <table><tr><td id="Save" onclick="f1()">click</td></tr></table>

   </body>
   </html>

您试图在加载元素之前附加事件侦听器函数。地方fun()里面一个onload事件监听函数。称呼f1()在此函数内,作为onclick属性将被忽略。

function f1() {
    alert("f1 called");
    //form validation that recalls the page showing with supplied inputs.    
}
window.onload = function() {
    document.getElementById("Save").onclick = function fun() {
        alert("hello");
        f1();
        //validation code to see State field is mandatory.  
    }
}

JSFiddle

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何使用OnClick事件调用JS函数[重复] 的相关文章

随机推荐

  • 如何以托管方式在.NET中获取父进程

    我在 NET 中寻找了很多获取父进程的方法 但只找到了 P Invoke 方式 这是一个解决方案 它使用 p invoke 但似乎运行良好 32 或 64 cpu
  • 如何在 iPhone 中显示日历而不是使用 UIDatePicker?

    我正在使用 UIDatePicker 控制器在 iPhone 应用程序中选择日期 现在 我想显示日历视图而不是 UIDatePicker 控制器 我已经在谷歌上搜索到了我的最佳水平 但是 我找不到解决我的问题的确切解决方案 任何人都可以帮助
  • 无法将值传递给文档签名模板

    我正在尝试弄清楚如何将表单字段值传递到我的文档签名模板 我查看了 v2 API 文档 但没有发现任何结果 您只需在 JSON 请求属性 或 XML 中使用tabLabel and value特性 例如 这将填充 2 个数据字段 一个名为 A
  • 如何使用复制构造函数和复制赋值都是私有的对象?

    读书中TCPL 我遇到了一个问题 正如标题所提到的 然后 私有 类是 class Unique handle private Unique handle operator const Unique handle rhs Unique han
  • Haskell 中通过 unsafePerformIO 的全局变量

    GHC API 要求在调用之前进行一些初始化 具体来说 parseStaticFlags只能调用一次 我有可以调用的函数runGhc MaybeFilePath Ghc a gt IO a多次运行某些 GHC API 方法 然而 某些初始化
  • 两个不同时区的时差

    我想获取当前时间 即 IST 和存储在 DB EST 中的时间之差 为此 我尝试在计算差异之前将当前时间转换为东部时间 但它不起作用 在下面的方法中 当地时间不会仅转换为 EST 您能建议我更好的方法吗 返回类型为getModifiedDa
  • 如何从url中获取参数?

    我有一个像这样的网址 http localhost 8080 steer trip create 3 在哪里 在我的页面中 我想使用 jquery 获取值 3 请帮我 From 根据位置突出显示按钮 var pathname window
  • 连续多次转换未按预期工作[重复]

    这个问题在这里已经有答案了 根据我的理解 强制转换用于将值从一种类型转换为另一种类型 我在 Joshua Bloch 和 Neal Gafter 所著的 Java Puzzlers Traps Pitfalls and Corner Cas
  • PHP 分割/分解字符串

    我想在 PHP 中分割 分解一个字符串 该字符串如下所示 strong Label strong p Value p 得到这个结果 array strong Label strong p Value p 我怎样才能做到这一点 你可以这样做
  • PyObjC“此应用程序不允许通知”

    我正在尝试测试一个简单的 Python 脚本来发送 macOS 通知 import UserNotifications def notif callback err print Error in notification callback
  • facebook 登录错误,IOS 9,Swift

    我正在尝试在我的应用程序中实现 Facebook 登录 但出现错误 我的 info plist 代码是
  • 如何更改 Vagrant“默认”机器名称?

    启动 vagrant box 时名称 default 从何而来 vagrant up Bringing machine default up with virtualbox provider 有办法设置这个吗 我发现多个选项令人困惑 因此我
  • 冒泡排序与选择排序的效率

    我知道冒泡排序和选择排序的大 O 值是相同的 n 2 但是当我尝试使用大小为 1000 的数组运行两者时 冒泡排序需要 962037 次交换来对数组进行排序 而选择排序Sort 只需要 988 次交换即可对数组进行排序 为什么这些不同 因为
  • 当 np.nan 设置为默认值时,为什么 np.select 返回 'nan' 作为字符串而不是 np.nan ?

    我在用np select根据应用于其他列的多个条件创建新列 这是一个简单的例子 df pd DataFrame A 0 3 4 B 10 0 2 mask1 df A 0 mask2 df A 4 df df assign C np sel
  • 在 FTP 服务器上重命名文件时出现“(553) 文件名不允许”

    在我的应用程序中 我在 FTP 服务器的一个目录中拥有文件 并将该文件源移动到目标路径 在此过程中 当我移动选定的源文件时 该源文件不会显示在源路径中 它将仅显示在目标路径中 我尝试了下面的代码 但出现错误 string sourceurl
  • iso-8859 和 iso-8859-1 之间的区别,

    iso 8859支持拉丁字符吗我需要在java程序中使用iso 8859 1来读取中文字符文件 这有什么区别 ISO 8859 是 8 位字符编码的标准 8 位给你 256 种组合 这对于大多数拉丁字母的扩展来说是可以的 但对于中文字符来说
  • 合并 ES6 地图/集的最简单方法?

    有没有一种简单的方法可以将 ES6 地图合并在一起 例如Object assign 当我们讨论这个问题时 ES6 Sets 怎么样 比如Array concat 对于套装 var merged new Set set1 set2 set3
  • Spring获取当前的ApplicationContext

    我正在为我的 Web 应用程序使用 Spring MVC 我的豆子写在 spring servlet xml file 现在我有课MyClass我想使用 spring bean 访问这个类 In the spring servlet xml
  • ListView中自定义ArrayAdapter的自定义过滤

    我写了一个自己的ArrayAdapter 如下所示 public class PoiListAdapter extends ArrayAdapter
  • 如何使用OnClick事件调用JS函数[重复]

    这个问题在这里已经有答案了 我正在尝试调用我在标头中添加的 JS 函数 请在下面找到显示我的问题场景的代码 注意 我无权访问我的应用程序中的正文 每次我点击该元素时id Save 它只调用f1 但不是fun 我怎样才能让它呼叫我的fun