-webkit-tap-highlight-color处理元素点击默认高亮

-webkit-tap-highlight-color:transparent; 或者 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);…

有效的PhoneGap CSS: WebKit Tap Highlight Color

原文链接:文章1:http://phonegap-tips.com/articles/essential-phonegap-css-webkit-tap-highlight-color.html(此文非直译) 因为文章2:http://www.mobify.com/blog/beginners-guide-to-perceived-performance/ 这篇文章提供了四种方法,让你的移动web提升“感知性能”,看起来更像是原生app. 这四种方法中第一种是给button增加触摸状态,“为了让…

(网页)angular中实现li或者某个元素点击变色的两种方法(转)

转自脚本之家: 本篇文章主要介绍了angular中实现li或者某个元素点击变色的两种方法,非常具有实用价值,需要的朋友可以参考下本文介绍了angular中实现li或者某个元素点击变色的两种方法,分享给大家,希望对大家有帮助先说一种最直接了当的不需要js控制. 方法一:直接在用ng-class就可以控制: <p ng-click="state=1;" ng-class="{active:state==1}">浮伤年华</p> <p n…

【百度统计】设置页面元素点击事件转化pv、uv

html元素点击事件内添加代码:_hmt.push(['_trackEvent', category, action, opt_label, opt_value]); 1. '_trackEvent': 固定参数,表明统计类型是时间跟踪.2. category:要监控的目标的类型名称,通常是同一组目标的名字,比如"视频"."音乐"."软件"."游戏"等等.该项必选.3. action:用户跟目标交互的行为,如"播放&…

CSS 解决z-index上层元素遮挡下层元素点击事件问题

解决z-index上层元素遮挡下层元素点击事件问题 by:授客 QQ:1033553122 开发环境 Win 10 element-ui "2.8.2" Vue 2.9.6 需求描述如下,有以下界面,其中右侧边时一个ElementUI Dialog模态对话框,希望在对话框上执行点击操作时,不会点击到被对话框遮挡的页面的按钮,同时,也希望可以点击对话框区域外的其它页面元素 html元素结构如下解决方案为被遮挡元素上层使用z-index属性的元素添加以下样式: pointer-ev…

html动态元素点击事件添加

很多时候,页面的元素是后期异步动态添加在页面上.页面点击事件无效. 非动态的元素直接$().click();便可以直接触发点击事件,而动态元素需要事先注册事件. $(document).on('click', '.rowsites li button', function () { $(this).removeClass("btn-default").addClass("btn-info"); })…

jQuery移除或禁用html元素点击事件常用方法小结

移除或禁用html元素的点击事件可以通过css实现也可以通过js或jQuery实现. 一.CSS方法 .disabled { pointer-events: none; } 二.jQuery方法方法一 $(this).click(function (event) { event.preventDefault(); } 方法二 $('a').live('click', function(event) { alert("抱歉,已停用!"); event.preventDefault();…

从一个ListBox中的元素点击导入另一个ListBox元素中

先看效果图:…

jquery 复选框全选/全不选切换普通DOM元素点击选中/取消选中切换

1.要选中的复选框设置统一的name 用prop() prop() 方法设置或返回被选元素的属性和值. $("#selectAll").click(function(){ $("input[name='selectfile']").prop("checked",$(this).prop("checked"));}); <table style="text-align: center"> <…

js或css指定元素点击时内容不可被选中

一.css3中可以使用"user-select"属性: body{ -webkit-user-select:none;/*谷歌 /Chrome*/ -moz-user-select:none; /*火狐/Firefox*/ -ms-user-select:none; /*IE 10+*/ user-select:none; } user-select:auto:默认,可以选中: none:不可选:text:只可选文本:all:父级: 二.js实现: document.on…

JS点击子元素不触发父元素点击事件(js阻止冒泡)

js阻止冒泡 <html> <title></title> <head> <meta charset="utf-8"> <style type="text/css"> .divone{width:100px;height:100px;background:black;position: relative;cursor: pointer} .divchild{position: absolute;…

黄聪：如何使用WebKitBrowser调用元素点击事件（C#）

string s = "var _elm = document.getElementById('loginBtn');var _evt = document.createEvent('MouseEvents');_evt.initEvent('click', true, true);_elm.dispatchEvent(_evt);"; browser.StringByEvaluatingJavaScriptFromString(s);…

通过js添加的元素点击事件无法触发

var blk_have ='<div class="sw-off"></div>'; $('#blk').prepend(blk_have); $(document).on('click', '.sw-off', function(){ $(this).toggleClass('sw-on'); });…

关于HTML元素点击的时候，背景颜色秒进，缓缓退出的方法

废话不多说,上代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1,…

赋予option元素点击事件后，点击select时却触发了option事件。如何解决？

将select的优先级提到option之前就可以了. 方法:为select元素添加position:relative: <select class="adt" name="ss"> <option>请选择</option> <foreach name='sf' item='f'> <option jibie="{$f.level}" value="{$f.name}" in…

a元素变成块状元素点击之后删除出现背景

a { text-decoration: none; background: none; -webkit-tap-highlight-color: transparent; } a:hover { -webkit-tap-highlight-color: transparent; background: none; }…

jquery父元素和子元素点击事件传递问题_不可把父元素的事件传递给子元素_事件无限循环传递

前述:jquery中: 当一个元素的点击事件被触发时,会自动将该事件向父级元素逐级专递. 但是实际场景当中,我们可能会遇到需要在父级元素中定义点击事件,来触发特定子元素的点击事件,我就遇到了这么一个问题. 但是这么做的后果,在jquery1.8.2版本及以后所有版本(截止目前最新版本为3.3),会出现事件来回传递的问题,最终导致无限循环. 在jquery1.2.6版本中,子元素的点击传递给父元素时,再被父元素传递回来后,事件就不会再向外扩散了,也就是低级版本jquery只会向外扩散一次,但是在…

个性二维码开源专题<替换元素点>

基础方法:ChangeFillShape //修改填充形状 ChangeFillShape(...) // 摘要: // 修改填充形状 // // 参数: // g: // 图形画板 // // Forebrush: // 填充色 // // rect: // 区域 // // en_fillshape: // 填充形状枚举 // // fillshpape: // 填充形状参数 // // Backbrush: // 背景色 // // isOutside: // 是否外修改 public G…

5、cesium点击面高亮事件

cesium点击面高亮事件主要功能:比如你加载了json.geojson或者topojson的数据.加载出来后,分为很多个面,现在要实现点击一个面,这个面变颜色:再点击另一个面,另一个面高亮,之前的面复原.(有不懂得,请加相关学习群:854184700) 下面上代码: function hightlightLine() { var temp = new Array(); function linehHghtlight(nameId) { var exists = temp.indexOf(na…

设置UIButton的文字居右显示去掉点击默认置灰效果

1.设置UIButton的文字居右显示 [button setContentHorizontalAlignment:UIControlContentHorizontalAlignmentRight]; 2.去掉点击默认置灰效果 [button setAdjustsImageWhenHighlighted:NO]; // default is YES. if YES, image is drawn darker when highlighted(pressed)…

js去掉浏览器右键点击默认事件（+vue项目开启右键行为）

js去掉浏览器右键点击默认事件 1.阻止整个页面所有的右击事件 document.oncontextmenu = function(){ return false;} 2.特定的区域/元素 document.getElementById("test").oncontextmenu = function(e){ return false;} 3.去掉以后给需要的区块加特定的事件 js: document.getElementById("test").onmousedo…

WPF如何更改系统控件的默认高亮颜色（Highlight brush）

我们在用WPF时, 经常会对系统控件的默认高亮等等颜色进行更改. 以前通常是用controlTemplate来实现. 今天发现一个更合理或者简单的方法: 用系统默认颜色的key, 比如 SystemColors.HighlightBrushKey 此资源可以动态引用和改变.而SystemColors.HighlightBrush只能用于静态资源. example: <SolidColorBrush x:Key="{x:Static SystemColors.HighlightBrushKe…

彻底解决TAP(点透)提升移动端点击响应速度

使用fastclick 尼玛使用太简单了,直接一句: FastClick.attach(document.body); 于是所有的click响应速度直接提升,刚刚的!什么input获取焦点的问题也解决了!!!尼玛如果真的可以的话,原来改页面的同事肯定会啃了我一步步来,我们跟进去,入口就是attach方法: FastClick.attach = function(layer) { 'use strict'; return new FastClick(layer); }; 这个兄弟不过实例化了下代…

Apple 移动设备绑定动态生成元素点击事件$(document).on('click',element,callback)失效解决方法

今天在工作中刚接触到了微信社区相关的开发工作,测试的时候发现,动态生成元素的点击事件在andriod设备上可以触发,而在apple移动设备上却无法触发.好奇的我赶紧百度了下,很快就在stackoverflow上找到了我需要的答案. 方法很巧妙,就是给需要绑定事件的元素添加一个css cursor: pointer . selector { cursor:pointer } 现在对于背后的细节还不怎么了解,以后在工作中还要慢慢跳坑,慢慢填坑,一路向前. 谨此小记!祝好!…

关于jQuery出现的新添加元素点击事件无效

//通常点击写法: $(".div").on('click', function () { var $this = $(this); var isActive = $this.hasClass('active'); if (!isActive) { $this.addClass('active'); $this.siblings().removeClass('active'); } //新增加的元素 $(document).on('click', ".div", f…

selenium常用获取元素点

//通过id WebElement element = driver.findElement(By.id("coolestWidgetEvah")); //通过className List<WebElement> cheeses = driver.findElements(By.className("cheese")); //通过tagName WebElement frame = driver.findElement(By.tagName("…

list点击项高亮其他默认

// 点击项颜色高亮,其他默认 if (position != lastPosition && onClickItemView != null) { TabMenu lastTabMenu = availableTabs.get(lastPosition); View oldviewTip = onClickItemView.findViewById(R.id.view_tip); ImageView oldImgMenu = (ImageView) onClickItemView .fi…

表格和echart二级联动，并通过点击echart高亮图标单元格

html 部分 <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> .bgc { background: #08a9f2; } tr,td { cursor: default; } .lh{ background: red; color:#fff; } </st…

vue实现点击样式高亮

•在data中定义即将渲染的数据,及active data() { return { active:'',//选中样式 }; }, 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 data() { return { wpList: [ { name: '食品饮料' }, { name: '鲜花' }, {…

移动端H5页面禁止长按复制和去掉点击时高亮

/*设置IOS页面长按不可复制粘贴,但是IOS上出现input.textarea不能输入,因此将使用-webkit-user-select:auto;*/ *{ -webkit-touch-callout:none; /*系统默认菜单被禁用*/ -webkit-user-select:none; /*webkit浏览器*/ -khtml-user-select:none; /*早期浏览器*/ -moz-user-select:none;/*火狐*/ -ms-user-select:none; /…

【-webkit-tap-highlight-color处理元素点击默认高亮】的更多相关文章