`
jackroomage
  • 浏览: 1196948 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类

js 中的onselect 与jQuery中的select 事件的用法

 
阅读更多

 1、   jQuery 的用法如下：

 

<!DOCTYPE html>
<html>
<head>
  <style>
  p { color:blue; }
  div { color:red; }
  </style>
  <script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>
  <p>

    Click and drag the mouse to select text in the inputs.
  </p>
  <input type="text" value="Some text" />
  <input type="text" value="to test on" />

  <div></div>
<script>
    $("input").select( function () {
      alert($(this).val());
    });
</script>

</body>
</html>

 

 

 

 

2、javaScript 的用法如下：

 

<!DOCTYPE html>
<html>
<head>

</head>

<script>
function myOnSelect(c)
{
    alert(c.value);
}
</script>

<body>
  <p>

    Click and drag the mouse to select text in the inputs.
  </p>
  <input type="text" value="Some text"  onselect="myOnSelect(this);"/>
  <input type="text" value="to test on" onselect="myOnSelect(this);"/>

</body>
</html>

分享到：
| jQuery.param(); 的用法
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    JavaScript基础教程第8版

    本书不仅介绍了基础知识和使用方法，也深入探讨了JavaScript应用示例。　《JavaScript基础教程(第8版)》适合有志于从事Web开发和Web设计的初学者阅读，也是高校相关课程理想的教材。 第1章　了解JavaScript　1 1.1　...

    jqueryui中插件Datepicker控件的使用

    1、jqueryui中的datepicker的简单使用说明 2、datepicker中选中日期后，不刷新datepicker的方法 3、datepicker的日程表样式。

    jQuery EasyUI 1.5 离线简体中文API文档 含完整开发工具包+皮肤+扩展+演示

    combobox：修复在加载包含所选项数据的时候不会触发“onSelect”事件的BUG； datagrid：修复在字段设置为一个空值的时候导致在某些情况下“updateRow”方法无法正常工作的BUG。 Improvement（改进） 一个label标签...

    jquery-easyui-EDT-1.5.5.7z

    searchbox：优化'selectName'方法。 jQuery EasyUI 1.5.3 版本更新内容 Bug（修复） combobox：修复在标签中初始化组件时无法正确解析'iconCls'属性的问题； combobox：修复在IE中点击滚动条将会使下拉面板隐藏的...

    JavaScript脚本中常用事件，例如：onClick事件等

    JavaScript脚本中常用事件，例如：onClick事件（鼠标单击事件是最常见的事件之一，当用户单击鼠标按钮时。同时onClick指定的事件处理程序或代码将被调用执行），onChange事件就是当文本框的内容改变时发生的事件，...

    asp.net Uploadify 多文件上传 Jquery 多文件上传 Jquery+flash 多文件上传

    Jquery 多文件上传，jquery+flash 多文件上传，界面美观， 很炫的上传组件,支持中文！ ...2、方法和参数扩展丰富，如：onSelect，onComplete，onProgress…… 3、界面简洁，体积小，可以传递参数等

    bootstrap可编辑下拉框jquery.editable-select

    下载链接地址：链接: ...然后直接请看代码： 引用： [removed][removed] &lt;link href="${ contextPath }/res/sys/scripts/css/jquery.editable-select.min.css" rel="external nofollow" rel="styl

    unity中给动作动态添加事件

    这个脚本是在unity3d 中给动作动态添加自定义的事件，刚刚开始添加动作事件，都需要在一个动作上面一个一个的自己添加，偶尔发现这个可以用脚本添加，分享给大家（大牛勿喷！）

    JavaScript语言参考手册

    这些对象同时在客户端和服务器端的 JavaScript 中使用。 Array 属性 方法 Boolean 属性 方法 Date 属性 方法 Function 属性 方法 Math 属性 方法 Number 属性 方法 Object 属性 方法 String 属性 方法 RegExp 属性 ...

    JavaScript中的事件与异常捕获详析

    鼠标经过事件、【onMouseOut】鼠标移出事件、【onChange】文本内容改变事件、【onSelect】文本被框选事件、【onFoucus】得到光标事件、【onBlur】光标失去事件、【onLoad】网页加载事件（在body标签中添加）、...

    只选年月支持回调方法，jquery年月插件

    只选年月支持回调方法 jquery年月插件 onSelect:function v {}

    jquery UI Datepicker时间控件的使用方法（基础版）

    本文为大家分享jquery ui datepicker时间控件的使用方法，通过实例讲解了解ui datepicker时间控件，先给大家看一看效果图： 效果： 常用场合： 1.输入框 2.div 使用方法： 1.限制日期 $("#resultDiv").datepicker...

    JQueryUploadify 例子

    Uploadify简单说来，是基于Jquery的一款文件上传插件。它的功能特色总结如下： 支持单文件或多文件上传，可控制并发上传的文件数 在服务器端支持各种语言与之配合使用，诸如PHP,.NET,Java…… 通过参数可配置...

    jquery autocomplete控件，非常好用，提供源代码,有详细示例

    2、支持键盘上、下键选择，回车即可选中相应数据，其中“值“存放于控件的Attributes中，可通过$("#Text1").attr("ItemValue")获取； 3、支持鼠标选择； 4、自定义扩展接口，onSelect(Item)，其中item是当前选中...

    react-select-material-ui:基于react-select并看起来像material-ui组件的react SELECT组件

    该组件接受下表中定义的以及为定义的所有属性，除了InputProps，inputProps和Variant（因为没有输入）。 ReactSelectMaterialUi接受的道具 名称 类型 必需的 默认 描述 默认值 细绳 不 不明确的 单选的默认值* ...

    jQuery 选择器项目实例分析及实现代码

    实现方式如下： 1、右侧的“原始报文查询”等用到的是easyui的tabs控件，查看api知道，tabs有个onSelect方法，只要在onSelect方法中写入自己想做的事情就可以了。 2、触发事件是找到了，那么具体怎么实现想要的效果...

    react-native-select-dropdown:react-native-select-dropdown是高度定制的下拉列表| 选择| 选择器| 适用于andriod和iOS平台的react native菜单

    React本机选择下拉 react-native-select-dropdown是高度定制的下拉列表| 选择| 选择器| 适用于andriod和iOS平台的react native菜单。 安装 ＃使用npm npm install react-native-select... onSelect={(selectedItem, in

    解决jQuery uploadify在非IE核心浏览器下无法上传

     (1)、大家好，我是jquery插件大家族中负责实现异步上传的插件，我不是唯一，只是较好用的一款。  (2)、我的功能： 　支持单文件或多文件上传，可控制并发上传的文件数 　在服务器端支持各种语言与之配合使用，...

    on-select:用户选择一些文本时调用回调

    安装与一起安装： $ component install yields/on-select例子 var onselect = require ( 'on-select' ) ;var unbind = onselect ( el , selected ) ;function selected ( e ) { console . log ( e ) ; unbind ( ) ;}...

    详解js的事件处理函数和动态创建html标记方法

    Form事件，由 HTML 表单内的动作触发的事件（应用到几乎所有 HTML 元素，但最常用在 form 元素中）：常用的为onblur、onfocus、onselect、onsubmit。  c. keybord事件  d.Mouse事件，由鼠标或类似用户动作触发的...

Magicbox
Global site tag (gtag.js) - Google Analytics