javascript - onclick not working with button

Question

Welcome To Ask or Share your Answers For Others

javascript - onclick not working with button

posted Oct 24, 2021 in Technique[技术] by 深蓝 (71.8m points)

javascript - onclick not working with button

I am trying to make a javascript function work on pressing search button but the function doesnt seem to run. Please guide. Fiddle.

<form action="" method="get" id="searchform" >
    <input name="q" type="text" id="search" size="32" maxlength="128" class="txt"/>
    <input type="submit" id="hit" value="Search" onclick="myFunction()" class="btn"/>
</form>

Heres the JS,

function myFunction() {
 alert("I am an alert box!");
}

See Question&Answers more detail:os

与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…

1 Reply

深蓝 · Answer 1 · 2021-10-23T19:22:48+0000

You have wrapped the function in the body, onLoad, just change it to no wrap - in <head>. See this fiddle.

function myFunction() {
    alert("I am an alert box!");
}

};
^^

You also have an extra }; in your code,

UPDATE:

This happens because:

if the function is place inside $(document).ready, then it can only be used within the ready callback (and in the inner objects). You can't reference it outside.
but if you are placing it outside the ready function then it gets global scope, i.e. you can call it from anywhere.

Categories

javascript - onclick not working with button

javascript - onclick not working with button

Please log in or register to add a comment.

Please log in or register to reply this article.

1 Reply

Please log in or register to add a comment.

Just Browsing Browsing

Most popular tags