onclick

JS代码大全

大城市里の小女人 提交于 2020-01-17 08:50:52
超级实用且不花哨的js代码大全 收藏 事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode event.shiftKey event.altKey event.ctrlKey 事件返回值 event.returnValue 鼠标位置 event.x event.y 窗体活动元素 document.activeElement 绑定事件 document.captureEvents(Event.KEYDOWN); 访问窗体元素 document.all("txt").focus(); document.all("txt").select(); 窗体命令 document.execCommand 窗体COOKIE document.cookie 菜单事件 document.oncontextmenu 创建元素 document.createElement("SPAN"); 根据鼠标获得元素: document.elementFromPoint(event.x,event.y).tagName=="TD document.elementFromPoint

Displaying HTML Dropdown Selection in Email on Button Press

旧街凉风 提交于 2020-01-17 06:39:25
问题 I have a table where you can select certain rows by checking a checkbox and, on a button click, it will bring up an email client and paste those selections into the email body. This works just fine. What I am struggling with is that I need to get it to also paste in the selection from the dropdown list but am having trouble integrating that functionality into my code. How could I do this? HTML select: <select id="pos-drop" onChange="updateinput();"> <option selected disabled>POS - City<

React组件基础

∥☆過路亽.° 提交于 2020-01-17 03:52:45
文章目录 一、 React组件介绍 二、 组件的创建方式 2.1 函数创建组件 2.2 类组件 2.3 抽离成单独的JS文件 三、 React事件处理 3.1 事件绑定 示例 小结 3.2 事件对象 示例 四、 有状态组件和无状态组件 五、State和SetState 5.1 state基本使用 示例 5.2 setState() 修改状态 实例 小结 5.3 抽取事件处理函数 原因 六、 事件绑定this指向 6.1 箭头函数 6.2 利用bind方法 6.3 class的实例方法 小结 七、表单处理 7.1 受控组件 使用步骤 多表单元素优化 步骤 7.2 非受控组件 (不常用) 使用步骤 一、 React组件介绍 组件 是React的 一等公民 ,使用React就是在用组件 组件表示页面中的部分功能 组合多个组件实现完整的页面功能 特4:可复用、独立、可组合 二、 组件的创建方式 2.1 函数创建组件 函数组件:使用JS的函数(包括箭头函数)创建组件 约定1: 函数名称必须以 大写字母 开头 约定2: 函数组件 必须有返回值 ,表示该组件的结构 如果返回值为null,表示不渲染任何内容 实例 import React from 'react' import ReactDOM from 'react-dom' // 编写函数组件 function Hello ( ) {

toggle class on click with javascript

醉酒当歌 提交于 2020-01-16 18:48:26
问题 I am trying to create a simple on click event using js (no jQuery) If I run the below code it only works for the first item I click. var listItem = document.querySelector('li'); listItem.addEventListener('click', function(event) { this.classList.toggle('clicked'); }); .clicked { color:red; } <ul id="mylist"> <li>item 1</li> <li>item 2</li> </ul> I looked at an alternative using var listItem = document.getElementById('mylist'); listItem.addEventListener('click', function(event) { this

how to use alertdialog

戏子无情 提交于 2020-01-16 16:27:40
问题 package com.progme.wallkon; import android.app.Activity; import android.app.AlertDialog; import android.app.Dialog; import android.content.DialogInterface; import android.os.Bundle; import android.util.Log; import android.view.View; import android.view.View.OnClickListener; import android.widget.ImageView; public class NextActivity extends Activity { @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.next); ImageView im1;

how to use alertdialog

淺唱寂寞╮ 提交于 2020-01-16 16:26:15
问题 package com.progme.wallkon; import android.app.Activity; import android.app.AlertDialog; import android.app.Dialog; import android.content.DialogInterface; import android.os.Bundle; import android.util.Log; import android.view.View; import android.view.View.OnClickListener; import android.widget.ImageView; public class NextActivity extends Activity { @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.next); ImageView im1;

Check the state of checkboxes which were added dynamically

雨燕双飞 提交于 2020-01-16 08:55:12
问题 I add my checkboxes dynamically like this: public void addFiles() { LinearLayout layout = (LinearLayout) findViewById(R.id.filesList); if(!FileManagerActivity.finalAttachFiles.isEmpty()) { for (final File file:FileManagerActivity.finalAttachFiles) { Log.i("what I've got", file.toString()); View line = new View(this); line.setLayoutParams(new LayoutParams(1, LayoutParams.MATCH_PARENT)); line.setBackgroundColor(0xAA345556); informationView= new CheckBox(this); informationView.setTextColor(Color

jQuery 基础学习

拜拜、爱过 提交于 2020-01-16 07:29:04
jQuery 可以按照网站进行查看 http://jquery.cuishifeng.cn/ jQuery 模块 《=》 类库 DOM/BOM/JavaScript的类库 一 查找元素 jQuery: 选择版本 1.0 2.0 3.0 可以选择1.0最新版本 兼容性比较好 IE 线上环境选择压缩版本 1.1 引入jQuery 一般放在html末尾 <script src="jquery-2.1.4.min.js"></script>调用jQueryjQuery == $ 一般写$ 1.2 jQuery转换: DOM对象与jQuery对象转换 jquery对象[0] => Dom对象 Dom对象 ==> $(Dom对象) 1.3 选择器 直接找到某个或者某类标签 1.id $('#id') 2.class <div class='c1'></div> $('.c1') 3 标签 <div id="10" class='c1'> <a>f</a> <a>f</a> </div> <div class='c1'> <a>f</a> </div> <div class='c1'> <div class='c2'> </div> </div> $('a')如果    筛选 二 操作元素 ===》 实例: 基本选择器 筛选器 案例 用到的知识 基本选择器及筛选器 <!DOCTYPE html>

JS实现刷新iframe的方法

别等时光非礼了梦想. 提交于 2020-01-16 06:42:31
<iframe src="1.htm" name="ifrmname" id="ifrmid"></iframe> 方案一:用iframe的name属性定位 <input type="button" name="Button" value="Button" onclick="document.frames('ifrmname').location.reload()">   或 <input type="button" name="Button" value="Button" onclick="document.all.ifrmname.document.location.reload()">   方案二:用iframe的id属性定位 <input type="button" name="Button" value="Button" onclick="ifrmid.window.location.reload()">   终极方案:当iframe的src为其它网站地址(跨域操作时) <input type="button" name="Button" value="Button" onclick="window.open(document.all.ifrmname.src,'ifrmname','')"> 代码如下:<input type=button value=刷新

常用JS代码大全

余生颓废 提交于 2020-01-16 00:24:55
事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode event.shiftKey event.altKey event.ctrlKey 事件返回值 event.returnValue 鼠标位置 event.x event.y 窗体活动元素 document.activeElement 绑定事件 document.captureEvents(Event.KEYDOWN); 访问窗体元素 document.all("txt").focus(); document.all("txt").select(); 窗体命令 document.execCommand 窗体COOKIE document.cookie 菜单事件 document.oncontextmenu 创建元素 document.createElement("SPAN"); 根据鼠标获得元素: document.elementFromPoint(event.x,event.y).tagName=="TD document.elementFromPoint(event.x,event.y)