如何点击屏幕上的文字并选择单词

时间:2014-07-19 18:35:28

标签: jquery mobile tablet

我一直在谷歌搜索关于如何允许用户在段落,手机或平板电脑上点击单词的最佳方法,并且他们点击的单词带来了一个动作。

为了在任何设备上获得最佳性能,并且文本是动态的,那么使用Jquery的最佳方法是什么?

我在考虑动态添加文本并将文本拆分并添加到标签中,并且每个标签点击事件,但不确定是否有更好的解决方案?

谢谢

1 个答案:

答案 0 :(得分:1)

嗯,这是一个先行的' - FIDDLE

数组表示您从数据库中读取的内容。

使用数组字填充文本区域,将每个单词放在带有适当标记ID的范围内。

点击跨度,在这个小提琴中,id会弹出,但你可以做任何你想做的事。

如果您可以提供更多详细信息,也许我们可以进一步完善它。

你是什么意思"分裂"文字?

JS

var primarytext = ['Lorem','ipsum','dolor','sit','amet','consectetur','adipisicing','elit','sed','do','eiusmod','tempor','incididunt','ut','labore','et','dolore'];

populate();
$('span').on('click', function(){
     $('.putmehere').html(  $(this).attr( 'id' ) );
});

function populate()
{
 for(var n=0; n < primarytext.length; n++)
    {
      $('.mytextdiv').append('<span id=' + n + " '>" + primarytext[n] + ' </span>');
     } 
}