<!DOCTYPE?html>
<html>
<head>
????<meta?http-equiv="Content-type"?content="text/html;?charset=utf-8"?/>
????<title></title>
????<style>
????.left?div,
????.right?div?{
????????width:?500px;
????????height:?80px;
????????padding:?5px;
????????margin:?5px;
????????float:?left;
????????border:?1px?solid?#ccc;
????}
????
????.left?div?{
????????background:?#bbffaa;
????}
????
????.right?div?{
????????background:?yellow;
????}
????
????select?{
????????height:?100px;
????}
????</style>
????<script?src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script>
</head>
<body>
????<h2>input與textarea</h2>
????<div?class="left">
????????<h4>測(cè)試一</h4>
????????<div?class="aaron">
????????????選中文字：input
????????????<input?type="text"?value="慕課網(wǎng)"?/>
????????</div>
????????<button?id="bt1">觸發(fā)input元素的select事件</button>
????????
????????<h4>測(cè)試二</h4>
????????<div?class="aaron">
????????????textarea：
????????????<textarea?rows="3"?cols="20">用鼠標(biāo)選中文字</textarea>
????????</div>
????</div>
?
????<script?type="text/javascript">
????//監(jiān)聽input元素中value的選中
????//觸發(fā)元素的select事件
????$("input").select(function(e){
????????alert(e.target.value)
????})
????$("#bt1").click(function(){
????????$("input").select();
????})
????//監(jiān)聽textarea元素中value的選中
????$('textarea').select(function(e)?{
????????alert(e.target.value);
????});
????</script>
</body>
</html>
為什么點(diǎn)擊按鈕彈框3次？
weibo_天亮星星出來啦_03847340
2016-09-16 11:09:19