关于html:如何在按下按钮时使JavaScript工作?

How to make JavaScript work when button is pressed?

我有点像JS的新手,不太确定自己在做什么。

我已经创建了一个按钮

1
    ATTEMPT A QUIZ

我希望当用户按下按钮时,JS dg-quick-makes.js文件出现。我不知道该怎么做。请帮忙。


添加事件的步骤:

1).将选择器(class或id)添加到元素(例如:<--button class="classname">test<--/button-->)

2).在"文档准备就绪-添加"中,单击事件并在其中写入相关代码。

注意:在HTML页面中添加jquery.js

1
2
3
4
5
6
7
8
9
10
 $( document ).ready(function() {
    $('.classname').on('click',function(){
    /** write related code inside **/
      yourfunc();
    });
 });

function yourfunc(){
alert('this is the other function');
}
1
2
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">
<button class="classname">test</button>


1
               ATTEMPT A QUIZ

参见抢劫犯代码:

http://plnkr.co/edit/yb09puxc7qjmew8v86nr?P=预览

在这种情况下,脚本文件与HTML在同一目录中


您不能使用.click(),因为某些浏览器无法接收它。请在使用后进行测试。

1
2
3
4
5
6
7
8
9
10
11
12
   <script type="text/javascript">
function performClick(elemId) {
   var elem = document.getElementById(elemId);
   if(elem && document.createEvent) {
      var evt = document.createEvent("MouseEvents");
      evt.initEvent("click", true, false);
      elem.dispatchEvent(evt);
   }
}

Open file dialog
<input type="file" id="theFile" />


您可以做的是创建一个javascript函数,并按如下方式单击调用它:

1
2
3
4
5
6
7
   ATTEMPT A QUIZ



function myFunc(){
   ;
}

或者您可以包含来自JS文件的函数,如下所示:

1
<script src="dg-quiz-maker.js">