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"> |