如图,比方说我有一个函数,而我们需要点击按钮触发指定的函数,这就用到了绑定事件的方法。
如图,假定是点击事件,则在按钮里面添加onclick=函数名即可把茄散函数绑定到按钮上。onclick绑定的是单击事件哦,当然还有很多其他的事件。
如图,绑定事件之后,当我们点击按钮即可触发绑定的函数,非常神奇哦。
当然,也可以给按带纳指钮设定一个ID,然后我蠢配们获取到带有ID的按钮。
然后在JavaScript中绑定事件也是可以的,这种方法代码比较多,想用哪种看你自己哦。
需要特别注意一点的是,如果用了第二种方法,当要获取id时,如果script脚本写在head里面,则要加上window.onload哦。如果是写在body后面,则不需要写window.onload。
借助JQuery更简单实现,这里是一个用原生javascript实现的示例:
<html>
<head>
<title></title>
<script type="text/javascript">
function addButton(){
var html ="<input type=\"button\" value=\"新加\" onclick=\"newButton()\">"
document.getElementById("add").innerHTML=html
}
function newButton(){
alert("我是新加的按钮")
}
</script>
</head>
<body>
<div>
<p>点击该按钮增加一个新按钮</p>
<input type="button" value="点击增加" onclick="addButton()">
<p>新增的按钮在喊宽斗这显示</p>
<div id="add"></div>
</div>
</body>
</html>
JavaScript一种直译式脚本语言,是一种动态类型、弱类型郑磨、基于原型的语言,内置支持类型。
它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早巧敬是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。
从你给的截图看是要实拆雹镇现这个功能吧..1.在输入框输入页码,按回车后,跳转到对应的页面
2.在输入框输入页码,点击后面的确定按钮,,跳转到对应的页面
这里其实不是把两个事件都绑定到按钮上.而是输入框和按钮各一个.
输入框相应回车事件,按钮相应点击事件.
及input的onkeydown或onkeypress事件,与按钮的click事件.
你可以写一个方法来实现到目标页旅粗.
function goPage(){}
input 的onkeydown或onkeypress事件
input.onkeydown=function(){
//在这里先加入判断是否按了回车,,看楼上肆纤的.
//然后调用翻页事件.
goPage()
}
按钮的click事件可以直接这么写
btn.click=goPage()
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)