如何在页面中监听javascript事件

比如说一个页面上有什么东西,其中有一个按钮,按钮被点击,我们希望能够知道并做一些 *** 作

这个就叫做按钮的点击事件监听

比如如下代码

按钮元素 有一个onclick事件(就是点击事件)

当点击了 执行函数DoClick

这就是上面的说的监听他的点击事件,并进行 *** 作处理!(至于后台,比如说我点击了按钮,向后台提交一些数据如用户名 密码等)

jsp/html代码:<input type="button" id="but" value="测试按钮" onclick="DoClick()">

javascript代码

<javascript>

function DoClick()

　{

alert('点击了按钮!希望对你有帮助!')

　}

</javascript>

监听主要是辅助你对某个元素的特殊 *** 作

例如:

1.点击图片-->放大

2.地区选择:下拉列表-->联动

...

都是在监听事件中写的

如果对某个元素没有特殊草 *** 作,只是显示,那你就没有必要去考虑他的每个事件

要用面向对象的思想去考虑问题

附上出处链接：http://zhidao.baidu.com/link?url=V0LlYgfytDzboarSkCTQombbq5YHVOTBgXVTZaNup7sFZCiuaIqUWMTEjNX2S2oH2MeDiMbQFbQzPSe6UTM5-q

****针对楼主的补充说明，我已经作了相应的修改了****

关键的代码是如这样子的：

jComboBox.addActionListener(new java.awt.event.ActionListener() {

public void actionPerformed(java.awt.event.ActionEvent e) {

int nIndex=jComboBox.getSelectedIndex()

////然后针对不同的nIndex值（即不同的被选项）而写入不同的代码。

}

})

我这里帮你编写了一个非常简单的案例，你可以运行看看。

代码如下：

import java.awt.BorderLayout

import javax.swing.JPanel

import javax.swing.JFrame

import java.awt.Dimension

import javax.swing.JComboBox

import java.awt.Rectangle

import javax.swing.JLabel

public class JianTing extends JFrame {

private static final long serialVersionUID = 1L

private JPanel jContentPane = null

private JComboBox jComboBox = null

private JLabel jLabel = null

private JLabel jLabel1 = null

/**

* This is the default constructor

*/

public JianTing() {

super()

initialize()

}

/**

* This method initializes this

*

* @return void

*/

private void initialize() {

this.setSize(314, 204)

this.setContentPane(getJContentPane())

this.setTitle("JFrame")

this.setVisible(true)

this.addWindowListener(new java.awt.event.WindowAdapter() {

public void windowClosing(java.awt.event.WindowEvent e) {

System.exit(0)

}

})

}

/**

* This method initializes jContentPane

*

* @return javax.swing.JPanel

*/

private JPanel getJContentPane() {

if (jContentPane == null) {

jLabel1 = new JLabel()

jLabel1.setBounds(new Rectangle(51, 89, 65, 18))

jLabel1.setText("选项内容：")

jLabel = new JLabel()

jLabel.setBounds(new Rectangle(51, 110, 186, 36))

jLabel.setText("")

jContentPane = new JPanel()

jContentPane.setLayout(null)

jContentPane.add(getJComboBox(), null)

jContentPane.add(jLabel, null)

jContentPane.add(jLabel1, null)

}

return jContentPane

}

/**

* This method initializes jComboBox

*

* @return javax.swing.JComboBox

*/

/////这里是重点代码！！！！

private JComboBox getJComboBox() {

if (jComboBox == null) {

jComboBox = new JComboBox()

jComboBox.setBounds(new Rectangle(62, 25, 170, 27))

jComboBox.addActionListener(new java.awt.event.ActionListener() {

public void actionPerformed(java.awt.event.ActionEvent e) {

int nIndex=jComboBox.getSelectedIndex()

if(nIndex==0){

jLabel.setText(("选项A"))

}

else if(nIndex==1){

jLabel.setText(("选项B"))

}

else if(nIndex==2){

jLabel.setText(("选项C"))

}

}

})

String[] myList={"选项A","选项B","选项C"}

jComboBox.addItem(myList[0])

jComboBox.addItem(myList[1])

jComboBox.addItem(myList[2])

}

return jComboBox

}

public static void main(String args[]){

new JianTing()

}

} // @jve:decl-index=0:visual-constraint="10,10"

---