关于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">
相关讨论