如何使用javascript实现click的前事件

JavaScript07

如何使用javascript实现click的前事件,第1张

其实要不是服务器控件的话,js中是没有前事件的,但是你可以在click事件中进行判断,分为两步甚至多部,如果上一步完成成功,就继续执行下一步,否则不执行下一步。

function btnClick(){

var 事件1=something1()

if(事件1){

something2()

}

}

1、新建一个html文件,命名为test.html。

2、在test.html文件内,使用ul和li标签创建一个列表,li的值分别为测试a,测试b。

3、在test.html文件内,设置第一个li标签的id为mytest,主要用于下面通过该id获得li对象。

4、在test.html文件内,使用button标签创建一个按钮,按钮名称为“改变li的值”。

5、在test.html文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行editli()函数。

6、在js标签中,创建editli()函数,在函数内,使用getElementById()方法通过id(mytest)获得li对象,给该li对象的innerHTML属性重新赋值,实现改变li标签的值。

这样写,用table给你做个例子吧。

<table width="500px" border="1">

<tr onclick="show("tr1")"><td></td></tr>

<tr id="tr1"><td></td></tr>

<tr onclick="show("tr2")"><td></td></tr>

<tr id="tr2"><td></td></tr>

</table>

第一三行是点击的,二四行对应一三行隐藏。

js这样写

function show(id){

var trStyle = document.getElementById(id).style.display

if(trStyle=="none"){

$("#"+id).show("slow")//如果为隐藏,点击第一或第三行,第二或第四行缓慢显示

}else{

$("#"+id).hide("slow")//否则点击第一或第三行,第二或第四行缓慢隐藏

}

}

前提加上对jquery的支持。

手动敲的,如果没效果追问,望采纳