Question

这是我的示例代码。选择功能无效。我在这里做错了什么。浏览器chrome，OS Windows 7。

<!DOCTYPE html>
<html>
<head>
  <style>
  p { color:blue; }
  div { color:red; }
  </style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  <p>
    Click and drag the mouse to select text in the inputs.
  </p>
  <div id="b">Some text in div element</div>


  <div id="a"></div>
<script>
    $(document).ready(function(){
          $("#b").select( function () { 
          $("#a").text("Something was selected").show().fadeOut(1000); 
        });
    });
</script>

</body>
</html>

Answer 1

jQuery的.select适用于<input type="text">字段和<textarea>框，而非div s。

Answer 2

<div="a"></div>

应该是

<div id="a"></div>

Answer 3

来自jQuery文档：

“此活动仅限于<input type="text">字段和<textarea>框。” http://api.jquery.com/select/

它不适用于div。

选择div元素的事件

3 个答案: