Javascript 基础教程之内容选中事件

onselect 内容选中事件

下面我们下一个实例：

文本框中有内容，当我们选中文本框的内容时，触发的事件

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>内容选中事件</title>
</head>
<body>
	<input type="text" onselect="onf()" value="php 中文网中文网中文网">
	<script type="text/javascript">
			function onf(){
				alert('您已触发选中内容事件');
			}
	</script>
</body>
</html>

注：这个事件，通常我们用的不是很多，用的多的是光标聚集或离开，还有鼠标的一些事件，例如点击事件等

新建文件

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>内容选中事件</title>
</head>
<body>
	<input type="text" onselect="onf()" value="php 中文网中文网中文网">
	<script type="text/javascript">
			function onf(){
				alert('您已触发选中内容事件');
			}
	</script>
</body>
</html>

提交重置代码

自动运行

全屏