`

input text　的一些事件

JavaScriptHTML 
阅读更多 
<html>
<head>
<title>这是我的练习</title>
<script language="javascript">

</script>
</head>
<body onLoad="alert('加载事件')" onSubmit=alert('表单提交')>
<form>
<input type="text" id="" value="123" size="15" onChange="alert('内容改变')">
<input type="button" id="" value="计算" onClick=alert('这是我的事件')>
<input type="text" id="" value="我获得焦点了" size="15" onFocus="alert('我获得焦点了')">
<input type="text" id="" value="我失去焦点了" size="15" onBlur="alert('我失去焦点了')">
<input type="text" id="" value="鼠标悬停事件"size="15"onMouseOver="alert('鼠标悬停事件')">
<input type="text" id="" value="鼠标移出事件" size="15"onMouseOut="alert('鼠标移出事件')">
<input type="text" id="" value="鼠标移动事件"size="15"onMouseMove="alert('鼠标移动事件')">
<input type="button" id="" value="点击" onMouseDown=alert('鼠标按下事件')>
<input type="button" id="" value="点击" onMouseUp=alert('鼠标弹起事件')>
<input type="submit" id="" value="提交" onSubmit=alert('表单提交')>
</form>
</body>
</html>

 

<!-- 导入 在此 参考资料-->


参考资料： 这是些常用的事件

分享到：
| ajax作一个进度条
评论
发表评论

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

相关推荐

    C#编程 WinForm窗体开发 InputText(源码)

    C#编程 WinForm窗体开发 InputText(源码)C#编程 WinForm窗体开发 InputText(源码)C#编程 WinForm窗体开发 InputText(源码)C#编程 WinForm窗体开发 InputText(源码)C#编程 WinForm窗体开发 InputText(源码)C#编程 ...

    kivy_TextInput.rar

    7. **事件处理**：`on_text`、`on_text_validate`等事件回调允许开发者在文本变化或用户按下回车键时执行特定操作。 8. **密码模式**：通过设置`password`属性为`True`，可以隐藏输入的文本，显示为星号或指定字符...

    jquery input text文本框模拟select框美化

    jquery input text文本框模拟select框美化 jquery input text文本框模拟select框美化 jquery input text文本框模拟select框美化 jquery input text文本框模拟select框美化

    纯CSS3实现漂亮的input输入框动画样式库(Text input love)

    分享一个用纯 CSS3 实现的，漂亮的 input 输入框动画样式库-Text input love。 点击每个输入框都用不同的动画效果，始终显示标签label，并显示 placeholder（占位符）文本。 演示地址：...

    Python库 | pygame-textinput-1.0.1.tar.gz

    资源分类：Python库 所属语言：Python 资源全名：pygame-textinput-1.0.1.tar.gz 资源来源：官方 安装方法：https://lanzao.blog.csdn.net/article/details/101784059

    DOM3中的js textInput文本事件

    在讨论DOM3标准中新增加的js textInput文本事件时，我们首先要明确它是在什么背景下被引入的，以及它与之前事件有什么区别和联系。DOM3标准，即文档对象模型级别3标准，它是对DOM技术的进一步扩展，旨在提供更加丰富...

    点击input，弹出日期选择框

    在这个场景中，我们需要一个特定类型的`input`，即`type="text"`，但为了显示日期选择器，我们需要将其类型改为`type="date"`。这样的`input`标签会像这样编写： ```html &lt;input type="date" id="datePicker" ...

    直接在界面输入文字InputText

    在C#编程环境中，直接在界面上实现"InputText"功能，可以为用户提供类似Photoshop的文字输入体验。这种功能在各种应用程序中都很常见，比如文本编辑器、图像处理软件、甚至是游戏开发。以下是对这个主题的详细解释：...

    jQuery实现给input绑定回车事件的方法

    特别是对表单元素的操作，比如给`&lt;input&gt;`输入框绑定回车键事件，这在用户界面设计中非常常见。jQuery库因其简洁的语法和强大的功能被广泛用于简化JavaScript代码。接下来，我们详细讲解如何利用jQuery给input元素...

    PIXI.TextInput:pixi.js插件，提供了一种向pixijs阶段添加文本输入的便捷方法

    PIXI.TextInput-pixi.js的插件 关于 pixi.js的此插件提供了一种将文本输入添加到pixijs阶段的便捷方法。 输入本身是一个HTML &lt;input&gt;元素，根据PIXI-DisplayObject给出的转换，该元素位于舞台的上方。 该框在...

    重写flex4的textinput控件

    可以设置控件里面显示的小数位数，通过restrict参数和小数位数动态控制，

    layui实现input框添加tag

    &lt;input type="text" id="layui-input-tag" class="layui-input layui-input-tag"&gt; ``` **二、CSS样式** 为了让tag看起来更像一个标签，我们需要添加一些自定义的CSS样式。Layui本身提供了一些基础样式，但可能需要...

    Flex自定义TextInput（三个）:金钱、非零开始数字、限制字符

    金钱TextInput：限制小数位为至多两位，不正确会有红色tag提示。 非零开始数字TextInput：网上的只能判断第一位不为零（00056是正确的），我的可以全判断（00056是错误的）。 限制字符TextInput（可以输入汉字）：你...

    flex扩展的textinput（类似百度输入框文字匹配的效果）

    基于flex扩展的TextInput组件，可以实现输入文字后实现结果匹配，类似于百度输入框效果，默认最多匹配10条数据，可以修改源码实现自定义效果，功能比较简单，给需要的朋友吧，用法示例都在文件中，复杂的功能可以...

    vue.js中v-on:textInput无法执行事件问题的解决过程

    前言 最近在学习vue.js框架，学习过程中遇到一些问题，所以记下其中遇到问题的解决过程，避免以后再遇到...input type=text v-on:textInput=fn&gt; [removed][removed] [removed] new Vue({ el:'#wrap', methods:{

    jq点击复选框触发事件给input赋值.zip

    假设我们有一个`&lt;input type="text" id="targetInput"&gt;`，可以这样做： ```javascript $('#myCheckbox').on('click', function() { var isChecked = this.checked; $('#targetInput').val(isChecked ? '已选中' ...

    input框中自动展示当前日期yyyy/mm/dd的实现方法

    直接上代码： ...input type=text id=input&gt; [removed] //获取input元素 var _input = document.getElementById('input'); var date = new Date(); var seperator = /; var year = date.getFul

    react-native-md-textinput, 使用材质设计反应本机TextInput样式.zip

    react-native-md-textinput, 使用材质设计反应本机TextInput样式 本地材质设计 TextInput使用材质设计反应本机TextInput样式。 安装npm install react-native-md-textinput用法我将把 react-native-md-text

    javascript input自动赋值

    在"javascript input赋值"这个压缩包文件中，可能包含了一些示例代码或者教程，用于演示如何在实际项目中应用这些技术。通过学习和理解这些示例，开发者能够更好地掌握JavaScript中对input元素的操作，提高前端开发...

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