select的onchange事件和onclick事件区别

xiaoxiao2021-02-28  100

一句话理解,onchange是当发生改变时触发事件,onclick当被点击时触发事件

1.onchange事件,见名知意,在改变的时候触发的事件。不改变状态不触发。

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> JaneYork的博客——select实例 北京上海广州 <script type="text/javascript"> function fun(obj){ alert(123); } </script>

2.onclick事件,一旦点击select就触发,

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>JaneYork的博客——select实例</title> </head> <body> <!-- multiple属性:可多选 --> <select οnclick="fun(this)" multiple="multiple"> <option>北京</option> <option>上海</option> <option>广州</option> </select> </body> <script type="text/javascript"> function fun(obj){ alert(123); } </script> </html>

运行效果:

转载请注明原文地址: https://www.6miu.com/read-69395.html

最新回复(0)