文本框,readonly,其值改变后,能触发什么事件?

yaojinlin20090608 2010-11-29 11:14:31
<input type="text" readonly name"name" id="id">用户点击此文本框时,弹出日历控件,选择日期后设置文本框的值。
要根据这个文本框的值,设置其他域的值,应该触发什么事件?

我试了blur不行,change也不行。改怎么办?
...全文
799 11 打赏 收藏 转发到动态 举报
写回复
用AI写文章
11 条回复
切换为时间正序
请发表友善的回复…
发表回复
yixianggao 2010-11-29
  • 打赏
  • 举报
回复
不如换个思路,把相关处理都放在点击事件中处理!

L@_@K
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<meta name="generator" content="editplus" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
</head>

<body>
<input type="text" readonly name="name" id="calendarTxt"><input type="button" value="Change Date and Show" onclick="ChangeDatetime('calendarTxt');DoSomethingByInputDatetime('calendarTxt')" />
<script type="text/javascript">
<!--
function ChangeDatetime(targetId) {
var input = document.getElementById(targetId);
if (input)
{
input.value = (new Date()).toLocaleDateString();
}
}
function DoSomethingByInputDatetime(targetId) {
var input = document.getElementById(targetId);
if (input)
{
alert("输入的日期为:" + input.value);
}
}
//-->
</script>
</body>
</html>
hch126163 2010-11-29
  • 打赏
  • 举报
回复
终极方法:

setInterval(function(){
// 设置值

},10);
yaojinlin20090608 2010-11-29
  • 打赏
  • 举报
回复
[Quote=引用 2 楼 charrys 的回复:]

那你干脆把事件写在点击日历控制里面。。这样就可以了
[/Quote]

我会尝试一下。
Mr-Jee 2010-11-29
  • 打赏
  • 举报
回复
ie下 用onpropertychange
ff下 用oninput
yaojinlin20090608 2010-11-29
  • 打赏
  • 举报
回复
[Quote=引用 1 楼 leehuat 的回复:]

CSS code

onclick
[/Quote]

试了,没反应。
86y 2010-11-29
  • 打赏
  • 举报
回复
那你干脆把事件写在点击日历控制里面。。这样就可以了
leehuat 2010-11-29
  • 打赏
  • 举报
回复

onclick
yaojinlin20090608 2010-11-29
  • 打赏
  • 举报
回复
结贴了。因为日历控件使用了一个现成的,所以试图不修改它,直接响应事件的方法达到目的。看来text框被readonly后很多事件就不响应了。抑或日历捕捉到事件后没有继续传播?

现在决定修改日历控件代码了。
猿敲月下码 2010-11-29
  • 打赏
  • 举报
回复
8L代码可以,但是这个函数是不是应该放进日历控件里面去呢?

因为只有点击日历之后才触发第二个事件

yixianggao 2010-11-29
  • 打赏
  • 举报
回复
事件是固定的,千万不要陷在事件中不能自拔!

搞清楚程序逻辑很重要,否则就成了堆砌代码,失去了编程的乐趣!
注:此为旧版,我另上传有最新版,见http://download.csdn.net/source/1802967。 功能强大的JavaScript日历控件 最关键的,无偿的永久的提供给大家免费使用,含全部源代码。 功能简介: 一、更人性化,更全面的功能 大部分日期控件都具备这些功能,但是本日历控件做的更全面,更人性化,并且速度一流. 支持多种调用模式 除支持常规在input单击调用外,还支持使用其他的元素如:<img><div>触发WdatePicker函数来调用弹出日期框 支持周显示 可以通过配置isShowWeek属性决定是否限制周,并且在返回日期的时候还可以通过自带的自定义事件和API函数返回选择的周 只读开关,高亮周末功能 设置readOnly属性 true 或 false 可指定日期框是否只读;设置highLineWeekDay属性 ture 或 false 可指定是否高亮周末 操作按钮自定义 清空按钮和今天按钮,可以根据需要进行自定义,它们分别对应 isShowClear 和 isShowToday 默认值都是true 支持多种容器 除了可以将值返回给input以外,还可以通过配置el属性将值返回给其他的元素(如:textarea,div,span)等,带有innerHTML属性的HTML元素 起始日期功能 有时在项目中需要选择生日之类的日期,而默认点开始日期都是当前日期,导致年份选择非常麻烦,你可以通过起始日期功能加上配置alwaysUseStartDate属性轻松解决此类问题 自定义格式(注意大小写) yMdHmswW分别代表年月日时分秒星期周,你可以任意组合这些元素来自定义你个性化的日期格式. 如:"yyyy年M月d日 HH时mm分" 返回:"2008年3月12日 19时20分" 编辑功能 不知道您是否已经注意到,当日期框里面有值时,右下角的按钮会变成更新,修改完某个属性后,只要点击这个按钮就可以实现时间和日期的编辑 下拉,输入,导航选择日期 年月时分秒输入框都具备以下3个属性:通过导航图标选择,直接使用键盘输入数字,直接从弹出的下拉框中选择.因此不管你选择什么样的日期和时间都可以找到一种最快捷的方法,用最少的鼠标点击来搞定 自动纠错功能 纠错处理可设置为3种模式 1.提示 2.自动纠错(默认) 3.标记 当日期框中的值不符合格式时,系统会尝试自动修复,如果修复失败会根据您设置的纠错处理模式进行处理,错误判断功能非常智能它可以保证用户输入的值是一个合法的值 为编程带来方便 如果el的值是this,可省略,即所有的el:this都可以不写 日期框设置为disabled时,禁止更改日期(不弹出选择框) 如果没有定义onpicked事件,自动触发文本框的onchange事件 如果没有定义oncleared事件,清空时,自动触发onchange事件 其他属性设置 readOnly属性,可指定日期框是否只读 设置highLineWeekDay属性,可指定是否高亮周末 设置isShowOthers属性,可指定是否显示其他月的日期 加上class="Wdate"就会在选择框右边出现日期图标 二、强大的日期范围限制功能 支持静态限制,动态限制,脚本自定义限制,以及无效天和无效日期功能,利用这样功能你可以任意定制不能选择的日期,这些日期即使毫无规律,毫无连续性,你也可以通过这些功能的组合使用轻松搞定. 静态限制 你可以给通过配置minDate(最小日期),maxDate(最大日期)为静态日期值,来限定日期的范围 无效天可以使用此功能禁用周日至周六所对应的日期,相关属性:disabledDays (0至6 分别代表 周日至周六) 动态限制 你可以通过系统给出的动态变量,如%y(当前年),%M(当前月)等来限度日期范围,你还可以通过#{}进行表达式运算,如:#{%d+1}:表示明天 无效日期可以使用此功能禁用,所指定的一个或多个日期,只要你熟悉正则表达式,你可以尽情发挥 脚本自定义限制 系统提供了$dp.$D和$dp.$DV这两个API来辅助你进行日期运算,此外你还可以通过在 #F{} 中填入你自定义的脚本,做任何你想做的日期限制 三、自定义事件和丰富的API库 如果你需要做一些附加的操作,你也不必担心,日期控件自带的自定义事件可以满足你的需求.此外,你还可以在自定义事件中调用提供的API库来做更多的运算和扩展,绝对可以通过很少的代码满足你及其个性化的需求. 四、多语言支持和自定义皮肤支持 通过lang属性,可以为每个日期控件单独配置语言,当然也可以通过WdatePicker.js配置全局的语言,皮肤也是一样,只要配置skin属性即可.这样一个页面中可以显示

87,907

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧